Skip to content
FeedbackBrowse feedback components
ComponentsFeedbackStable

Progress

Native <progress> bar with gradient fill and 3 sizes.

Live preview

Usage

Adapters:React stableVue stable
index.html
<progress class="lm-progress" value="68" max="100" aria-label="Upload"></progress>

CSS classes (2)

ClassDescription
lm-progressBase track
lm-progress-{size}sm | md | lg

React props (2)

PropTypeDefaultDescription
valuenumberCurrent progress 0–max
maxnumber100

Accessibility

  • Use native <progress>; provide aria-label for context.

Spotted something wrong? Edit this entry on GitHub.