<
h4
> Progress Bars with primary theme </
h4
>
<
mat-progress-bar
mode
=
"determinate"
value
=
"40"
></
mat-progress-bar
>
<
br
><
br
><
br
>
<
mat-progress-bar
mode
=
"buffer"
value
=
"40"
></
mat-progress-bar
>
<
br
><
br
><
br
>
<
mat-progress-bar
mode
=
"indeterminate"
value
=
"40"
></
mat-progress-bar
>
<
h4
> Progress Bars with warn theme </
h4
>
<
mat-progress-bar
mode
=
"determinate"
value
=
"40"
color
=
"warn"
></
mat-progress-bar
>
<
br
><
br
><
br
>
<
mat-progress-bar
mode
=
"buffer"
value
=
"40"
color
=
"warn"
></
mat-progress-bar
>
<
br
><
br
><
br
>
<
mat-progress-bar
mode
=
"indeterminate"
value
=
"40"
color
=
"warn"
></
mat-progress-bar
>
<
br
><
br
><
br
>
<
h4
> Progress Bars with accent theme </
h4
>
<
mat-progress-bar
mode
=
"determinate"
value
=
"40"
color
=
"accent"
></
mat-progress-bar
>
<
br
><
br
><
br
>
<
mat-progress-bar
mode
=
"buffer"
value
=
"40"
color
=
"accent"
></
mat-progress-bar
>
<
br
><
br
><
br
>
<
mat-progress-bar
mode
=
"indeterminate"
value
=
"40"
color
=
"accent"
></
mat-progress-bar
>