Progress
Show how far along something is. The bar uses the brand color.
Usage
import { Progress } from "@zynactra/ui/progress"<Progress value={33} />Examples
Indeterminate
Pass value={null} when the work has started but its length is unknown. A segment travels along the track; under reduced motion the bar pulses instead. Give it an aria-label that says what's happening.
Guidelines
- Progress is one of the few places the brand gradient is allowed. Use it for real progress, not decoration.
- Known length: a value. Unknown length:
value={null}, never a fake value that crawls.
API reference
Behaviour and props come from Base UI. See the Base UI Progress docs.