AutoProgressBar

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

Props

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

Events

This component emits the following events:

• UserClickedARedirection (opens new window) after the user clicks the redirection button.
• UserClickedAbortARedirection (opens new window) after the user clicks the abort redirection button.

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.