Skip to main content

<ui-progress>

A read-only progress bar. The fill fraction is computed as (value - min) / (max - min). Update the value at runtime via set-value.

<ui-progress id="upload" value="0.4" min="0" max="1" overlay="40%"></ui-progress>

Attributes

AttributeRequiredDescription
idyesElement identifier; used with set-value to update the bar
valuenoCurrent value (default 0)
minnoMinimum value (default 0)
maxnoMaximum value (default 1)
overlaynoText drawn on top of the bar (e.g. "40%"); omit for no label

Event

Does not emit any events.