<div class="progress">
    <div class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="row flex-nowrap text-center">
    <div class="col">
        <div class="h6">Start of steps</div>
    </div>
    <div class="col">
        <div class="h6 text-black font-weight-bold">Step 2</div>
    </div>
    <div class="col">
        <div class="h6 text-dark-grey">A very long step label, probably spanning several rows</div>
    </div>
    <div class="col">
        <div class="h6 text-dark-grey">Short step</div>
    </div>
</div>
<div class="progress">
    <div class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="row flex-nowrap text-center">
    <div class="col">
        <div class="h6">Start of steps</div>
    </div>
    <div class="col">
        <div class="h6 text-black font-weight-bold">Step 2</div>
    </div>
    <div class="col">
        <div class="h6 text-dark-grey">A very long step label, probably spanning several rows</div>
    </div>
    <div class="col">
        <div class="h6 text-dark-grey">Short step</div>
    </div>
</div>
/* No context defined. */

No notes defined.