Skip to content
Components

Progress bar

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

First, import the component.

import {ProgressBar} from '@pleo-io/telescope'

Then use it, like so:

The component accepts the following props.

PropTypeDefault
aria-label*
string
isDimmed
boolean
percent*
number
size
enum
'regular'
variant
enum
'neutral'
Information:

For accessibility, we require an aria-label to be provided to the component.