Progress

Progress components are meant to show the status and progress of ongoing tasks, processes, and counts. Progress bars are much easier to understand than simple numbers because the visual quickly communicates a ratio of maximum to current.

Examples

Default

Default Progress Bar.

Controlled Progress Bar

Change the progress level by passing the value prop to the component.

Installation

Properties

For more advanced usage, see https://www.radix-ui.com/primitives/docs/components/progress (opens in a new tab).