Topic: progress bar change value dynamically

fanny111 premium asked 1 year ago


I am using the angular progress-bar component, how could I change the value of the progress bar dynamically? thank you.


fanny111 premium answered 1 year ago


Thanks so much for the answer, You guys are amazing. Keep up with your great work.



Just create a progressValue variable in your component TS file, then bind this variable to the value input of the <mdb-progress> component:

<mdb-progress [value]="progressValue" min="0" max="100" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></mdb-progress>

When you update the progressValue (for example this.progressValue = 75), the component view will update automatically.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • User: Premium
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 10.1.1
  • Device: pc
  • Browser: google
  • OS: windows
  • Provided sample code: No
  • Provided link: No