<div class="ws-stepper">
  <div class="ws-stepper__step-indicator-wrapper">
    <span class="ws-stepper__line"></span>
    <div
      class="ws-stepper__step-indicator"
      ng-repeat="step in $ctrl.steps"
      ng-class="{
        'ws-stepper__step-indicator--active': $ctrl.isActiveStep(step),
        'background-color-primary': $ctrl.isActiveStep(step),
        'background-color-gray-20': !$ctrl.isActiveStep(step)
      }">
    </div>
  </div>

  <div  class="ws-stepper__step-title-wrapper">
    <div
      class="ws-stepper__step-title"
      ng-repeat="step in $ctrl.steps"
      ng-class="{ 'ws-stepper__step-title--active': $ctrl.isActiveStep(step) }">
      {{ step.title }}
    </div>
  </div>
</div>
