Progress stable
Simple progress component showing progress.
Determinate
<div class="progress">
<div
class="progress__bar"
role="progressbar"
style="width: 25%"
aria-valuenow="25"
aria-valuemin="0"
aria-valuemax="100"
></div>
</div>
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
Indeterminate
<div class="progress progress--indeterminate">
<div
class="progress__bar"
role="progressbar"
aria-valuemin="0"
aria-valuemax="100"
></div>
</div>
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8