ProgressBar
Segmented progress bar with health, energy, and experience variants.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number (0-100) | — | Current progress value. Clamped between 0 and 100. |
| variant | "default" | "health" | "energy" | "experience" | "default" | Color scheme for the fill bar. |
| size | "sm" | "md" | "lg" | "md" | Controls the height of the progress bar. |
| showLabel | boolean | false | Displays the percentage value centered over the bar. |
| className | string | — | Additional CSS classes to apply. |