Step header

Use at the top of a digital services to show users where they are in the process.

Report a missed collection: Step 1 of 5

Choose an address

<header class="step-header">
  <h1 class="step-header__title h4">
    Report a missed collection
    <span class="step-header__title__steps">
      <span class="step-header__title__steps__seperator">:</span>
      Step 1 of 5
    </span>
  </h1>
  <h4 class="step-header__subtitle h1">Choose an address</h4>
</header>