Components
Progress bar
A component used to represent the completion of a task or to visualize different states that are relevant to the user.
Basic usage
First, import the component.
import {ProgressBar} from '@pleo-io/telescope'
Then use it, like so:
API reference
The component accepts the following props.
| Prop | Type | Default |
|---|---|---|
aria-describedby | string | |
aria-label | string | |
aria-labelledby | string | |
bgColor | enum | |
fillColor | enum | |
percent* | number | |
variant* | enum |
Information:
For accessibility, we require either aria-labelledby, aria-describedby or aria-label prop.
On this page