Skip to content

ProgressBar

Props

API reference for ProgressBar. For usage examples, see the React tab.

NameTypeDefault
childrenChildrenOrFunction<ProgressBarRenderProps>

The children of the component. A function may be provided to alter the children based on component state.

compactbooleanfalse

Smaller height bar

formatOptionsNumberFormatOptions{ style: 'percent' }

The display format of the value label.

labelstring

Label of the ProgressBar

maxValuenumber100

The largest value allowed for the input.

minValuenumber0

The smallest value allowed for the input.

valueLabelReactNode

The content to display as the value's label (e.g. 1 of 4).