| percent |
Number |
66 |
0-100 |
No |
The percentage value of the progress ring. |
| strokeWidth |
Number |
2 |
0-12 |
No |
The width of the progress ring. |
| butt |
Boolean |
false |
true/false |
No |
Whether the endpoint of the progress ring is square. |
| reverse |
Boolean |
false |
true/false |
No |
Whether the progress ring is shown in a reverse (anti-clockwise) direction. |
| duration |
String |
'300' |
'150'/'300'/'500'/'700'/'1000' |
No |
The transition time of the animation. |
| gradient |
Array |
[] |
- |
No |
The colors of the gradient, represented by an array of start and end colors. |
| useSlot |
Boolean |
false |
true/false |
No |
Whether to use a custom slot for the percentage text. |
| injClass |
String |
'' |
- |
No |
The CSS class name injected into the active progress ring. |
| trackInjClass |
String |
'' |
- |
No |
The CSS class name injected into the track ring. |
