Progress

A determinate progress bar. The fill scales on the compositor and clamps to the valid range.

Examples

Values

Show code
<Progress value={60} label="Upload" />

Props

PropTypeDefaultDescription
valuenumber0Current progress, clamped to 0..max.
maxnumber100The value that counts as 100%.
labelstring—Accessible name for the progressbar.

Exposes role="progressbar" with aria-valuenow, aria-valuemin and aria-valuemax.