A component for displaying progress of a task or operation.
npx micomponents-cli add progressimport { ProgressBar } from "@/components/ui/progress";<ProgressBar progress={50} variant="secondary" />25% - Warning
50% - Info
75% - Success
100% - Danger
| Prop | Type | Default | Description |
|---|---|---|---|
| progress | 0 | 25 | 50 | 75 | 100 | 0 | Current progress percentage |
| variant | midnight | secondary | tertiary | info | success | warning | danger | secondary | Color variant for the progress bar |