New to Kendo UI for AngularStart a free 30-day trial

Animation

By default, the animation of the ProgressBar is disabled.

To enable it, set the animation option to true.

Change Theme
Theme
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.

Change Theme
Theme
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.

Change Theme
Theme
Loading ...
In this article
Resetting the Value without AnimationSuggested Links
Not finding the help you need?
Contact Support