<div style="position: relative;">
  <div class="bg-wizard"></div>
  <h2 ng-show="selectedStep.wzHeadingTitle != ''">{{ selectedStep.wzHeadingTitle }}</h2>
  <div class="steps" ng-if="indicatorsPosition === 'bottom'" ng-transclude></div>
  <ul class="steps-indicator steps-{{getEnabledSteps().length}}" ng-if="!hideIndicators">
    <li ng-repeat="step in getEnabledSteps() track by $index">
      <!--default-->
      <div ng-if="!step.completed && !step.selected" class="default flex-wrap col-flex" ng-click="goTo(step, true)">
        <div class="container-default" ng-class="{ 'container-first': 0 === $index, 'container-last': getEnabledSteps().length === $index + 1 }">
          <span class="circle"></span>
        </div>
        <div>{{step.title || step.wzTitle + currentStepNumber()}}</div>
      </div>
      <!--current-->
      <div ng-if="step.selected && !step.completed" class="current flex-wrap col-flex" ng-click="goTo(step, true)">
        <div class="container-default" ng-class="{ 'container-first': 0 === $index, 'container-last': getEnabledSteps().length === $index + 1 }">
          <span class="circle"></span>
        </div>
        <div>{{step.title || step.wzTitle + currentStepNumber()}}</div>
      </div>
      <!--done-->
      <div ng-if="step.completed && !step.selected" class="done flex-wrap col-flex" ng-click="goTo(step, true)">
        <div class="container-default" ng-class="{ 'container-first': 0 === $index, 'container-last': getEnabledSteps().length === $index + 1 }">
          <span class="circle"></span>
        </div>
        <div>{{step.title || step.wzTitle + currentStepNumber()}}</div>
      </div>
      <!--editing-->
      <div ng-if="step.selected && step.completed" class="editing flex-wrap col-flex" ng-click="goTo(step, true)">
        <div class="container-default" ng-class="{ 'container-first': 0 === $index, 'container-last': getEnabledSteps().length === $index + 1 }">
          <span class="circle"></span>
        </div>
        <div>{{step.title || step.wzTitle + currentStepNumber()}}</div>
      </div>
    </li>
  </ul>
  <div class="steps" ng-if="indicatorsPosition === 'top'" ng-transclude></div>
</div>