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.
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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- 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