{% if surveyProgressBar == 'design' %}
    {% set designClass = ' arrow' %}
    {% set poolSchoolClass = '' %}
    {% set productionClass = '' %}
{% endif %}
{% if surveyProgressBar == 'poolSchool' %}
    {% set designClass = ' ' %}
    {% set poolSchoolClass = ' bg-success arrow' %}
    {% set productionClass = '' %}
{% endif %}
{% if surveyProgressBar == 'production' %}
    {% set designClass = ' ' %}
    {% set poolSchoolClass = ' bg-success' %}
    {% set productionClass = ' bg-success arrow' %}
{% endif %}
<div class="row surveyProgressBar bg-secondary text-center text-white mb-4">
    <div class="col-md p-2 bg-success{{ designClass }}">
        DESIGN QUESTIONS
        <span class="d-none d-md-block"></span>
    </div>
    <div class="col-md p-2{{ poolSchoolClass }}">
        POOL SCHOOL QUESTIONS
        <span class="d-none d-md-block"></span>
    </div>
    <div class="col-md p-2{{ productionClass }}">
        PRODUCTION QUESTIONS
        <span class="d-none d-md-block"></span>
    </div>
</div>