Progress Indicators

View our progress indicators, visually indicating the progress of a task or the loading state of content.

Circular

Circular format for a minimalistic progress indication.

Live preview:
Circular Colors

Colorful circular bars to represent various progress states.

Live preview:
Linear

Straightforward horizontal progress tracking.

Live preview:
Linear Alternate

Creative twist on the standard linear bar.

Live preview:
Linear Alternate Slim

A sleek, slim linear progress bar perfect for minimalist interfaces.

Live preview:
Linear Buffer

Linear bar with buffering for uncertain timelines.

Live preview:
Linear Indeterminate

Indicates ongoing, undefined progress.

Live preview:
Linear Gradients

A linear progress bar with gradient effects for a modern, dynamic look.

Live preview: