Progress
Data Display
macOS gradient progress indicator bar.
Installation
$npx shadcn-macos@latest add progress
Examples
Downloading Update...70%
Syncing iCloud...
Props
<Progress />| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | Current progress value between 0 and max. |
| max | number | 100 | Maximum scale upper limit. |
| indeterminate | boolean | false | When true, displays an animated barber-pole shimmer pulse without fixed percentage. |
| className | string | — | Custom CSS class names. |