@vcl/vcl/process-nav/demo/example-normal.html

The whole VCL in one package

<nav class="process-nav process-nav-arrows">
  <ol class="row center">
    <li class="process-nav-completed-step col justify-center flex" tabindex="0">
      <a href="#" tabindex="-1">
        Completed Step
      </a>
    </li>
    <li class="process-nav-completed-step col justify-center flex" tabindex="0">
      <a href="#" tabindex="-1">
        Completed Step
      </a>
    </li>
    <li class="selected col justify-center flex" aria-selected="true">
      <span>
        Current Step
      </span>
    </li>
    <li class="col justify-center flex" tabindex="0">
      <a href="#" tabindex="-1">
        Future Step
      </a>
    </li>
    <li class="disabled col justify-center flex">
      <span>
        Disabled Step
      </span>
    </li>
    <li tabindex="0" class="col justify-center flex">
      <a href="#" tabindex="-1">
        Future Step
      </a>
    </li>
  </ol>
</nav>