Display

Progress

Determinate inset rail or indeterminate pixel-arrow flow (→→→ stepped, no gradient).

Install

bash

npx shadcn@latest add https://supaui.dev/r/progress.json

stepped 8 frames · 900ms cycle

value — 0–100. Determinate rail.
indeterminate — three pixel arrows march across the rail in steps(8). Reduced motion freezes the marker at the start.
Mirrors @radix-ui/react-progress.