SegmentedProgresscomponent

SegmentedProgress({ total, current, success, warning, danger }: SegmentedProgressProps): ReactElement | null
ParamType
propsSegmentedProgressProps
Props for SegmentedProgress, a stepped progress bar of discrete segments. required
    .totalnumber
required
    .currentnumber
required
    .successboolean
    .warningboolean
    .dangerboolean
Return
ReactElement | null
A segmented progress bar element, or null when total is not positive.

Show step progress as a horizontal bar of total segments, of which current + 1 are filled.

Examples

<SegmentedProgress total={4} current={1} />