Progress
Three pixels of track and a light in it. Pass indeterminate for a segment that sweeps and leaves.
Determinate68%
Indeterminateunknown
Installation
npx shadcn@latest add @afterglow/progressSegmented
cells cuts the fill into blocks, which is how a front panel meter reads a number you are meant to glance at rather than read. The blocks are a mask over the same bar, so the sweep still runs underneath them.
Core load62%
Linking registryunknown
API Reference
Progress
indeterminate is the sweep for work with no known length. It is a separate prop rather than a null value, because a bar at zero and a bar with no number are different things to look at. cells cuts the bar into that many blocks, the way a front panel meter reads. The blocks are a mask over the same fill, so a segmented bar sweeps like a plain one.
| Prop | Type | Default |
|---|---|---|
| value | number | null | - |
| indeterminate | boolean | false |
| cells | number | - |
Everything else is Base UI progress's API, documented there.