Progress
Inset-style progress bars (Level 1) for nested surfaces. Use size for thickness and indicatorClassName for tone overrides.
Basic
Progress25%
Progress50%
Progress75%
Progress100%
Animated
Smooth Animation0%
Step Animation0%
Pattern Fill
Striped
Crosshatch
Motion Animations
Wave Effect
Shimmer Effect
Sizes
Small
Default
Large
API Reference
Progress is a Level 1 inset control built on Radix Progress.
Props
PropTypeDescription
valuenumberCurrent progress value (0..max)maxnumberMaximum value (default 100)size"sm" | "default" | "lg"Thickness presetindeterminatebooleanShow an indeterminate loading barindicatorClassNamestringOverride indicator tone/pattern