Progress types
There are two types of progress indicators: Linear and circular
<mc-progress-linear value=0.4></mc-progress-linear>
<mc-progress-circular style="margin: 0 auto;" value=0.4></mc-progress-circular>
Linear
'max' attribute default = 1
Determinate
Indeterminate
<mc-progress-linear max=1 value=0.3></mc-progress-linear>
<mc-progress-linear indeterminate></mc-progress-linear>
Circular
'max' attribute default = 1
Determinate
Indeterminate
<mc-progress-circular max=1 value=0.3></mc-progress-circular>
<mc-progress-circular indeterminate></mc-progress-circular>
Style
CSS variables that allow you override default values
/* Optional variables for overriding */
--mc-progress-circular-color: var(--mc-primary);
/* percentage without (%) symbol so calc can work. 8.3333 is roughly equal to 4px */
--mc-progress-circular-width: 8.3333;
--mc-progress-linear-color: var(--mc-primary);
--mc-progress-linear-height: 4px;