Topic: progress bar change value dynamically

fanny111 free asked 3 years ago

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

fanny111 free answered 3 years ago

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

Arkadiusz Idzikowski staff answered 3 years ago

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.


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



Specification of the issue

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