Progress Circle
Circular progress indicator with percentage label inside. Four sizes.
import
{ ProgressCircle } from "@pepulux/ui"Sizes
72%
72%
72%
72%
Values
25%
50%
100%
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value* | number | — | Progress value 0–100 |
| size | "sm" | "md" | "lg" | "xl" | "md" | Circle diameter |
| strokeWidth | number | — | Thickness of the progress arc |
| color | string | — | Arc color (CSS color or var) |
| label | string | — | Text shown below the circle |