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.
0%

0%

0%

Circular Colors

Colorful circular bars to represent various progress states.

Linear

Straightforward horizontal progress tracking.

Linear Alternate

Creative twist on the standard linear bar.

Linear Alternate Slim

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

Linear Buffer

Linear bar with buffering for uncertain timelines.

Linear Indeterminate

Indicates ongoing, undefined progress.

Linear Gradients

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