Skip navigation

Components / UI & forms

Progress

Native progress indication with an associated label.

Try it
65%
<label for="example-progress">Example progress</label><progress class="progress is-success" id="example-progress" value="65" max="100">65%</progress>
Class or attributeWhat it does
value / maxProgress amount and maximum.
is-primary/info/success/warning/dangerShared feedback colors.