Steps

<div class="e-steps">
  <a class="e-steps__nav e-steps__nav-prev" href="#">
    <e-icon icon="e-caret-left"></e-icon>
    <span>
      Previous step
    </span>
  </a>
  <a class="e-steps__nav e-steps__nav-next e-steps__nav-disabled" href="#">
    <span>
      Next step
    </span>
    <e-icon icon="e-caret-right"></e-icon>
  </a>
  <div class="e-steps__progress">
    <a class="e-steps__item e-steps__item-action" href="#">
      Description
    </a>
    <a class="e-steps__item e-steps__item-action" href="#">
      Invalid Step
      <div class="e-steps__badge">
        !
      </div>
    </a>
    <a class="e-steps__item e-steps__item-current" href="#">
      Contenu du formulaire
    </a>
    <a class="e-steps__item e-steps__item-disabled" href="#">
      Destinataires
    </a>
  </div>
</div>

<div class="e-steps">
  <a class="e-steps__nav e-steps__nav-prev" href="#">
    <e-icon icon="e-caret-left"></e-icon>
    <span>
      Previous step
    </span>
  </a>
  <a class="e-steps__nav e-steps__nav-next e-steps__nav-disabled" href="#">
    <span>
      Next step
    </span>
    <e-icon icon="e-caret-right"></e-icon>
  </a>
  <div class="e-steps__progress">
    <a class="e-steps__item e-steps__item-action" href="#">
      Description
    </a>
    <a class="e-steps__item e-steps__item-action" href="#">
      Invalid Step
      <div class="e-steps__badge">
        !
      </div>
    </a>
    <a class="e-steps__item e-steps__item-current" href="#">
      Contenu du formulaire
    </a>
    <a class="e-steps__item e-steps__item-disabled" href="#">
      Destinataires
    </a>
  </div>
</div>