Progress

A horizontal bar that indicates the completion progress of a task. Animates smoothly between values.

Progress Values

25%

50%

75%

100%

<Progress value={25} />
<Progress value={50} />
<Progress value={75} />
<Progress value={100} />

API Reference

PropTypeDefaultDescription
valuenumber0The current progress value, between 0 and 100.
classNamestringAdditional CSS classes to apply to the progress bar container.