Get started
Actions
Forms
Installation#
bash
pnpm dlx shadcn@latest add @zui/progressThe CLI writes components/ui/progress.tsx, installs Utils, and adds @rn-primitives/progress.
Usage#
tsx
import { Progress } from '@/components/ui/progress';tsx
<Progress value={60} aria-label="Upload" />API reference#
Progress#
Takes every prop of the @rn-primitives/progress root except max and value, plus:
| Prop | Type | Default |
|---|---|---|
value | number | 0 |
value runs from 0 to 100, and the bar is announced with it as a percentage. A value outside that range is
held to its nearest end, and NaN draws an empty bar.