Progress
View in FigmaA horizontal bar that visually communicates the completion percentage of a task.
Feedback & StatusImport
import { Progress } from "@/components/ui"API
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "brand" | "success" | "warning" | "error" | "brand" | Color of the progress fill. |
| size | "sm" | "md" | "lg" | "md" | Track height. |
| value | number | 0 | Current progress value. |
| max | number | 100 | Maximum value. |
| label | string | — | Accessible label text. |
| showValue | boolean | — | Displays the percentage text. |