Skip to content
Telescope

Progress bar

A component used to represent the completion of a task or to visualize different states that are relevant to the user.

Features

  • Control the fill and background color.
  • Provides context for assistive technology to read the progress of a task.

When to use

At Pleo, we commonly use the component to communicate wallet limits, billing amounts and progression of certain processes.

Examples

Variants

The variant prop can be used to change the appearance of the component.

Theming

The fillColor and bgColor props allow you to customise the colors of the progress bar.