{# Step indicator shared by all wizard pages. `step` is 1..4. #}
<div class="steps">
    <div class="step {% if step == 1 %}active{% elif step > 1 %}done{% endif %}">
        <span class="num">1</span> source connection
    </div>
    <div class="step {% if step == 2 %}active{% elif step > 2 %}done{% endif %}">
        <span class="num">2</span> browse tables
    </div>
    <div class="step {% if step == 3 %}active{% elif step > 3 %}done{% endif %}">
        <span class="num">3</span> columns &amp; config
    </div>
</div>