Directive attribute to choose whether step-indicators are before or after about angular-wizard HOT 4 CLOSED

<div>
  <div ng-if="stepLocation == 'bottom'" class="steps" ng-transclude></div>
  <ul class="steps-indicator steps-{{getEnabledSteps().length}}" ng-if="!hideIndicators">
    <li ng-class="{default: !step.completed && !step.selected, current: step.selected && !step.completed, done: step.completed && !step.selected, editing: step.selected && step.completed}" ng-repeat="step in getEnabledSteps()">
      <a ng-click="goTo(step)">{{step.title || step.wzTitle}}</a>
    </li>
  </ul>
  <div ng-if="stepLocation == 'top'" class="steps" ng-transclude></div>
</div>

<wizard on-finish="finishedWizard()" step-location="top"> 
  <wz-step title="Starting">
    <h1>This is the first step</h1>
    <p>Here you can use whatever you want. You can use other directives, binding, etc.</p>
    <input type="submit" wz-next value="Continue" />
  </wz-step>
  <wz-step title="Continuing" canenter="item.validateStep">
    <h1>Continuing</h1>
    <p>You have continued here!</p>
    <input type="submit" wz-next value="Go on" />
  </wz-step>
  <wz-step title="More steps" canenter="item.validateStep">
    <p>Even more steps!!</p>
    <input type="submit" wz-next value="Finish now" />
  </wz-step>
</wizard>