Progress

Progress

Use a progress bar to show task progress or the passage of time.

Progress documentation

Class names

• component: progress
• color: progress-neutral, progress-primary, progress-secondary, progress-accent, progress-info, progress-success, progress-warning, progress-error

Syntax

<progress class="progress {MODIFIER}" value="50" max="100"></progress>

Rules

• {MODIFIER} is optional. It can be one of the color class names.
• You must specify the value and max attributes.