{% set steps = steps|default([
  { label: 'Société', number: 1},
  { label: 'Équipe', number: 2},
  { label: 'Logo & Signature', number: 3},
  { label: 'Facturation', number: 4},
  { label: 'Partenariat', number: 5},
]) %}
{% set current = currentStep|default(0) %}

<ol class="step-indicator">
  {% for step in steps %}
    {% set index = loop.index0 %}
    {% set stateClass = index < current ? 'complete' : (index == current ? 'active' : '') %}
    <li class="{{ stateClass }}">
      <div class="step fw-semibold">
        {{ step.number }}
      </div>
      <div class="caption hidden-xs hidden-sm">
        {{ step.label }}
      </div>
    </li>
  {% endfor %}
</ol>