The CircularProgressBar component allows you to display progress in a circular format, indicating completion or status visually.
Explore the available props for the CircularProgressBar component
Prop | Type | Default | Description |
---|---|---|---|
value | number | 75 | ProgressBar value. |
duration | number | 2 | Animation duration in second. |
onVisible | boolean | false | Animate circular progress-bar onVisible. |
strokeWidth | number | 2 | Stroke width value. |
strokeColor | string | #CCCCCC | Color for the stroke. |
strokeFillColor | string | #333333 | Color for the stroke fill. |
style | string | - | Any CSS className to style the Circular ProgressBar. |
contentStyle | string | - | Any CSS className to style the Circular ProgressBar content. |
children | node | - | Child components and content to be placed within it. |