A progress indicator in linear (bar) or circular (ring) form.
Supports determinate (value 0–100) and indeterminate (animated) modes.
<ui-progress [value]="75" /><ui-progress variant="circular" [value]="40" /><ui-progress mode="indeterminate" /> Copy
<ui-progress [value]="75" /><ui-progress variant="circular" [value]="40" /><ui-progress mode="indeterminate" />
Readonly
Accessible label.
Mode: determinate shows value, indeterminate shows animation.
Progress value (0–100). Only used in determinate mode.
Shape: linear bar or circular ring.
A progress indicator in linear (bar) or circular (ring) form.
Supports determinate (value 0–100) and indeterminate (animated) modes.
Example