1 min read



The auto progress bar component is useful for displaying a visual indicator of numerical data in a bar shape.


Name Description Type Default
isLoading A boolean flag indicating if the bar is loading. boolean true
durationInSeconds The duration in seconds of the progress bar. number 5


This component emits the following events:

See it in action

Here you have a basic example of how the auto progress bar is rendered.

Play with props

In this example, the auto progress bar has been set to do an animation for 5 seconds. There is a way to cancel the animation by sending the isLoading prop to false.