Progress Stable

A component that indicates the progress of a single process or a static percentage value.

20 %
Additional message goes here…
<div class="progress">
    <div class="progress__status">20 %</div>
    <div class="progress__bar-container">
        <div class="progress__bar" style="width:20%;" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
    </div>
    <div class="progress__additional-text">Additional message goes here…</div>
</div>