Progress

Displays an indicator showing the completion progress of a task. Supports determinate and indeterminate states.

You can show multiple progress bars to track different tasks:

Storage60%
Memory30%
CPU85%

Indeterminate

Pass value={null} for an indeterminate animated state:

Installation

Props

PropTypeDefaultDescription
value
number | nullCurrent progress (0-100). null for indeterminate.
max
number100Maximum value.
getValueLabel
(value: number, max: number) => stringAccessible label for the progress value.
className
stringAdditional classes.