Animated Circular Progress Bar
Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.
Installation
# CLI
# Manual
Usage
// Example Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
className |
string |
- |
The class name to be applied to the component |
max |
number |
100 |
The maximum value of the gauge |
min |
number |
0 |
The minimum value of the gauge |
value |
number |
0 |
The current value of the gauge |
gaugePrimaryColor |
string |
- |
The primary color of the gauge |
gaugeSecondaryColor |
string |
- |
The secondary color of the gauge |
Credits
- Credit to @luis-code
Copy Page
// Example Code