Skip to Content
DocumentationProgress

Progress

Display progress with a horizontal bar indicator.

Examples

Basic

With label

40% de progresso
82% de progresso

Custom colors

60% de progresso
90% de progresso
100% de progresso

API

PropTypeDefaultDescription
valuenumber0Progress percentage from 0 to 100.
labelstringOptional label shown above the bar with the percentage.
indicatorClassNamestringExtra classes for the progress indicator.
classNamestringExtra classes for the track element.
...propsProgress.Root propsAdditional Radix Progress props passed to the root.
Last updated on