Progress
Horizontal bar indicating task completion.
Installation
npx @obi/ui add progressPreview
Progress70%
Progress90%
Usage
import { Progress } from '@/src/components/Progress/Progress';
<Progress value={40} />
<Progress value={70} showLabel />
<Progress value={90} size="lg" showLabel />Props
| Name | Type | Default | Description |
|---|---|---|---|
| value | number | — | Current value (0–max). |
| max | number | 100 | Maximum value. |
| showLabel | boolean | false | Show "Progress X%" label row. |
| size | 'sm' | 'md' | 'lg' | 'md' | Track height. |
| className | string | '' | Additional CSS classes. |