Products · Components
ProgressBar
A bar that fills up to show how far along something is.
Use it when you know how far along something is, such as an upload. When you don't, use a Spinner.
Children: Nothing
Example
<View gap="small">
<Text variant="caption" tone="muted">Uploading, 60%</Text>
<ProgressBar value="60" />
</View>Props
| Prop | Type | What it is |
|---|---|---|
value | number | How far along it is, from 0 to 100. |
Events
None.
Keep reading
SkeletonA gray placeholder in the shape of content that is still loading.EmptyStateWhat to show where there's nothing yet, such as an empty list.ComponentsThe components you build a dot's pages with, grouped by what they're for, and the values their props accept.ViewA box that lays out what it holds in a column or a row, and can look like a card.