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.

Disabled

Linear Progress Bar

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

Disabled

Circular Progress Bar

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