Studiov0.6.0

Progress

Tier 1 — shadcn
Feedback

A linear progress bar showing completion percentage for deterministic operations.

Live Preview

65% complete

Code

import { Progress } from "@regen/ui";

<Progress />

Props Inspector

65
65

Documentation

Use Cases

  • •File upload progress
  • •Multi-step form completion
  • •Data loading indicators

Do

  • ✓Always show a label or percentage next to the bar
  • ✓Use for deterministic progress only

Don't

  • ✗Don't use for indeterminate loading — use Spinner or Skeleton
  • ✗Don't animate value without actual progress