v1.2.0

Circular Progress

Circular progress indicators express an unspecified wait time or display the length of a process.

Indeterminate

<me-circular-progress></me-circular-progress> <me-circular-progress color="secondary"></me-circular-progress>

Determinate

<me-circular-progress variant="determinate" value="75"></me-circular-progress>

Sizes

<me-circular-progress size="20"></me-circular-progress> <me-circular-progress size="60"></me-circular-progress>

API

AttributeTypeDefaultDescription
variantindeterminate | determinateindeterminateAnimation mode.
valuenumber (0–100)0Progress percentage (determinate only).
sizenumber (px)40Diameter of the circle.
colorprimary | secondary | success | warning | error | info | inheritprimaryIndicator color.