The ProgressBar visually indicates the completion status of a task or process.
Explore the available props for the ProgressBar component
Prop | Type | Default | Description |
---|---|---|---|
value | number | - | ProgressBar value. |
contentPosition | string | right | Content position of the progress bar. right left |
duration | number | 2 | Animation duration in second. |
animateOnLoad | boolean | true | Animate progress-bar onLoad. |
animateOnVisible | boolean | false | Animate progress-bar onVisible. |
style | string | - | Any CSS className to style the ProgressBar. |
containerStyle | string | - | Any CSS className to style the ProgressBar container. |
fillStyle | string | - | Any CSS className to style the ProgressBar fillStyle. |
contentStyle | string | - | Any CSS className to style the ProgressBar content. |
children | node | - | Child components and content to be placed within it. |