<div class="marker-wrapper"> <div class="marker"> <div class="step1{% if step is defined and step >= 1 %} hilighted{% endif %}"><span>Etape 1</span></div> <div class="step2{% if step is defined and step >= 2 %} hilighted{% endif %}"><span>Etape 2</span></div> <div class="step3{% if step is defined and step >= 3 %} hilighted{% endif %}"><span>Etape 3</span></div> <div class="step4{% if step is defined and step == 4 %} hilighted{% endif %}"><span>Etape 4</span></div> {% if step is defined and step == 1.5 %}<div class="submarker" style="width:15%;"></div>{% endif %} {% if step is defined and step == 2 %}<div class="submarker" style="width:33%;"></div>{% endif %} {% if step is defined and step == 3 %}<div class="submarker" style="width:66%;"></div>{% endif %} {% if step is defined and step == 4 %}<div class="submarker" style="width:100%;"></div>{% endif %} </div></div>