Skip to main contentCarbon Design System

Progress bar

Preview the progress bar component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Documentation

Live demo

<div style={{ width: '75%' }}>
<ProgressBar
label="Progress bar label"
helperText="Optional helper text"
value={75}
/>
</div>
ProgressBar
Modifiers
size
status
type