Component

Progress

Linear determinate progress bar (wraps Base UI Progress), plus Circular Progress, its ring-shaped sibling: plain SVG, no dependency.

Linear: semantic colors

Uploading

Complete

Almost full

Storage critical

Pass value={null} for an unknown-duration task.

62%100%

Prop	Type	Default	Description
value	number	None	Determinate progress from 0 to 100; omit for indeterminate.
variant	StatusTone	"default"	Indicator color.
label / showValue	ReactNode / boolean	None	Optional accessible label and percentage.
className	string	None	Additional classes applied to the component root.

valueNone

number

Determinate progress from 0 to 100; omit for indeterminate.

variant"default"

StatusTone

Indicator color.

label / showValueNone

ReactNode / boolean

Optional accessible label and percentage.

classNameNone

string

Additional classes applied to the component root.