progress bar change value dynamically


Topic: progress bar change value dynamically

fanny111 asked 4 years ago

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


Arkadiusz Idzikowski staff answered 4 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.


fanny111 answered 4 years ago

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


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: 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