<div class="progress">
    <div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="75" 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">Step 1</div>
    </div>
    <div class="col">
        <div class="h6 text-black font-weight-bold">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: 75%" aria-valuenow="75" 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">Step 1</div>
    </div>
    <div class="col">
        <div class="h6 text-black font-weight-bold">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.