<ul class="cdt-step-progressbar horizontal">
  <li>
    <span class="indicator">1</span>
    <span class="title">Initiate</span>
  </li>
  <li>
    <span class="indicator">2</span>
    <span class="title">Buy item 1</span>
  </li>
  <li>
    <span class="indicator">3</span>
    <span class="title">Finally make it</span>
  </li>
  <li>
    <span class="indicator">4</span>
    <span class="title">In production</span>
  </li>
  <li>
    <span class="indicator">5</span>
    <span class="title">Delivery</span>
  </li>
</ul>
.cdt-step-progressbar {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
var myStepProgressBar = new Kodhus.StepProgressBar();
myStepProgressBar.init({});
myStepProgressBar.setActiveIndex(3);