The states and shapes this component is meant to be used in.
Determinate
brand-guidelines.pdf
24%
onboarding-flow.fig
61%
release-notes.md
93%
icons-v3.zip
100%
Indeterminate
Indexing your library
no ETA
Slower sweep
3 s cycle
Heights
2 — hairline under an app bar
4 — default
8 — inline in a card
14 — quota meter
Colors
primary — default
tertiary on a tertiaryContainer track
error — storage almost full
Upload card
Uploading assets
4.2 MB of 9.3 MB — 12 s left
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
8 on LinearProgressProps
color
string
decorative
boolean
default: false
Hide the bar from assistive technology, for when the component around it
already announces the progress — a bar inside a button is not a second
control to land on.
duration
number
default: 500
height
DimensionValue
default: 4
Bar thickness. A percentage fills the parent — a progress surface.