ProgressBar

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

Examples

Progress bar Basic Usage
Progress bar with Visible Label
0% Loaded
Progress bar with Custom Label
0mb out of 100mb downloaded
Progress bar with Alternate Success Value
Progress bar with Overrides

Overrides

Additionally, you can fully customize any part of the ProgressBar through the overrides prop. The ProgressBar consists of multiple sub-components that are listed bellow and you can override each one of them. To help you identify the names of these sub-components, you can highlight them through this selector:

60% Loaded