Progress Bars

Progress bars indicate the advance of a certain interaction or process. Common use cases are page scrolling or processes like check out or registration.

Step Progress Bar Items

Use the step progress bar for processes as setups, checkouts or registrations.

Default
Disabled

Linear Progress Bar

Use linear progress bars for summarized overviews of a certain progress, as deliveries or timers.

Default
Disabled

Circular Progress Bar

Use circular progress bars for quickly advancing processes, preferrably animated, as installations or scales.

Default
Disabled

Related Elements

Paragraphs
Headlines