Progress
Displays an indicator showing the completion progress of a task.
Installation
import { Progress } from "@sourceful-energy/ui"Usage
Examples
Animated
0%
With Label
67%
Battery Level
85%
Multiple Progress Bars
92%
45%
78%
Upload Progress
2.4 MB / 8 MB
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | 0 | The current progress value (0-100). |
| max | number | 100 | The maximum value. |
| className | string | - | Additional CSS classes. |
Accessibility
- Built on Radix UI Progress for accessibility
- ARIA progressbar role with proper attributes
- Announce progress changes to screen readers
- Pair with visible text labels for context