Skip to content

CompactProgressBar

CompactProgressBar(__namedParameters): Element

Defined in: react/components/feedback/progress-bar.tsx:73

A 5-cell-wide progress bar for tight layouts (table cells, status lines). The solid-block colour fill keeps it legible even at this width; a caller width in style still wins if a different size is needed.

When showPercent is set, the default width grows by the 5 columns the 100% readout needs, so the bar itself stays a full 5 cells rather than being squeezed by the text.

CompactProgressBarProps

Element