Skip to main content

Function: ProgressBar()

ProgressBar(__namedParameters): any

Defined in: components/ProgressBar/ProgressBar.tsx:122

A semantic progress bar built on React Aria's ProgressBar.

Reads from vars.colors.feedback.{primary|positive|caution|negative} and uses vars.radii.control for the track. Supports both determinate (0–100%) and indeterminate modes — pass isIndeterminate.

Parameters

ParameterType
__namedParametersProgressBarProps

Returns

any

Example

<ProgressBar label="Uploading" value={42} />
<ProgressBar label="Saving" isIndeterminate evaluation="positive" />