ProgressBar

Linear progress indicator built on @radix-ui/react-progress. Three heights, five tones. Pass value (0-100) or omit for an indeterminate loading state.

$npx shadcn@latest add https://ui.btng.studio/r/progress-bar

Values

Percent-complete progress.

Sizes

sm (4px) · md (8px, default) · lg (10px).

Tones

primary (default) · accent · success · warning · destructive.