New to Kendo UI for Angular? Start a free 30-day trial
Animation
Updated on Jan 20, 2026
By default, the animation of the ProgressBar is disabled.
To enable it, set the animation option to true.
Loading ...
By default, the animation runs for 400ms. To customize this behavior, set the duration option of ProgressBarAnimation to the desired value.
The animation duration refers to the time that it would take to fill the entire bar.
Loading ...
Resetting the Value without Animation
In some cases, you need to update the value without using an animation—for example, when resetting the progress. To achieve this, you can temporarily disable the animation.
The following example demonstrates the suggested approach.
Loading ...