<div class="headerProgress">

    <div class="headerProgressBar step{{ progress_nav }}">

        {% for prog in progress_sections %}

            <div class="progSection {% if loop.index == progress_nav %}progActive{% endif %}">

                <div class="progBubble">
                    <div class="innerProgBubble {% if loop.index < progress_nav %}bubbleSelected{% endif %}"></div> <!-- .innerProgBubble -->
                </div> <!-- .progBubble -->

                <div class="progText">
                    {{ prog }}
                </div> <!-- .progText -->

            </div> <!-- .progSection -->

        {% endfor %}

    </div> <!-- .progressBar -->

</div> <!-- .progressWrap -->
