Progress: Step 1

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