Component
Progress
A visual progress bar indicating completion status. Features flat background structures, thick borders, and animated neon fills.
Preview
Status: 15%
Installation
pnpm dlx brutx@latest add progressUsage
import { Progress } from "@/components/ui/progress"
<Progress value={66} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | - | Current progress numerical value from 0 to max. |
| max | number | 100 | Maximum value of progress scale. |
Accessibility
Announcements:
Uses WAI-ARIA role="progressbar" rules, automatically calculating and binding aria-valuenow, aria-valuemin, and aria-valuemax to announce progress updates in real-time to screen readers.