Component size, gzipped: 12kb

Progress Bar

Loading
API

Indicates a wait time for deterministic actions- either within an experience flow or loading data.

Accessibility

  • ProgressBar has a role="progressbar" and aria-valuenow={number} set.

Examples

Progress bar Basic Usage

Progress bar with Negative Color

Progress bar with Visible Label

0% Loaded

Progress bar with Infinite progress

Progress bar with Custom Label

0mb out of 100mb downloaded

Progress bar with Alternate Success Value

Progress bar with Overrides

API

Progress Bar props

Progress Bar exports

You can import this module like so:

import {ProgressBar} from 'baseui/progress-bar'

It exports the following components or utility functions: