progress

A horizontal bar showing how far a value is toward a maximum.

Spec · edit me

No problems. The parser accepted every line.

Result · try itOpen in playground

Tweak the props

value

{done}

max

tone

Props

valuenumberCurrent amount, usually an {expression}.required

maxnumberThe full amount (default 100).100

labelstringOptional caption above the bar.—

tonedefault · muted · accent · good · warn · badColor role: default, muted, accent, good, warn or bad.default

ifconditionShow only when this expression is true, e.g. if=done or if={count>0}. Every element takes it.—

tipstringA short explanation shown on hover, keyboard focus or a tap, e.g. tip="Orders not yet shipped": for a term or a number some people won't know, instead of more words on screen. It makes the element a Tab stop if it isn't one. Every element takes it.—