New to Kendo UI for Angular? Start a free 30-day trial

Animation

By default, the animation of the ProgressBar is disabled.

To enable it, set the animation option to true.

Example
View Source
Change Theme:

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.

Example
View Source
Change Theme:

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.

Example
View Source
Change Theme:

In this article

Not finding the help you need?