KQ-167 · STAGE/PROGRESS
Stage Progress
Progress that admits it has parts. Each stage owns a segment: the ones behind you are filled and ticked, the one in flight fills to its own fraction or breathes when it cannot say, and the ones ahead wait as empty track — so you can see which stage is slow.
KQ-167 · STAGE/PROGRESS
IntakePressCureSeal
Run Press 25%
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/stage-progress
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| stages | Stage[] | — | The ordered stages; each owns a segment and a label. |
| current | number | — | Index of the stage in flight; earlier ones have landed. |
| progress | number | — | 0..1 within the current stage; omit for indeterminate. |