Circular
Currently, the Circular progress bar has no schema properties for variants (info, success, warning, danger); We have to add them as we have them for the linear progress bar.
'fill-color-default'
'fill-color-danger'
'fill-color-warning'
'fill-color-info'
'fill-color-success'
Linear
Additionally, we should add new schema props for linear progress bar height and strip size
with initial values set as follows:
$bar-height: map.get((
'material': rem(4px),
'fluent': rem(2px),
'bootstrap': rem(16px),
'indigo': rem(4px),
), $variant);
$strip-size: map.get((
'material': rem(16px),
'fluent': rem(16px),
'bootstrap': rem(5px),
'indigo': rem(16px),
), $variant);
Circular
Currently, the Circular progress bar has no schema properties for variants (info, success, warning, danger); We have to add them as we have them for the linear progress bar.
Linear
Additionally, we should add new schema props for linear progress bar height and strip size
with initial values set as follows: