# Animation

To enable the ProgressBar animation, set the [`animation`](https://www.telerik.com/kendo-react-ui/components/progressbars/api/progressbarprops#animation) option to `true`.

By default, `animation` is set to `false`.

[Demo Source](https://demos.telerik.com/kendo-react-ui/progressbars/progressbar/animation/func/source.txt)

By default, the animation duration is `400ms`. To provide a different duration, set the `duration` option of `ProgressBarAnimation` to the desired value.

[Demo Source](https://demos.telerik.com/kendo-react-ui/progressbars/progressbar/animation-2/func/source.txt)

## Suggested Links

* [API Reference of the ProgressBar](https://www.telerik.com/kendo-react-ui/components/progressbars/api/progressbar)
* [API Reference of the ProgressBarProps](https://www.telerik.com/kendo-react-ui/components/progressbars/api/progressbarprops)