{{ block title }}
    <h6>Completed so far:</h6>
    
    <div class="progress">
        <div class="progress-bar" role="progressbar" aria-label="Progress" style="width: {{ percentage }}%" aria-valuenow="{{ percentage }}" aria-valuemin="0" aria-valuemax="100">{{ percentage }}%</div>
    </div> <br><br>
    
    <h1>Questionnaire</h1>

{{ endblock }}

{{ block content }}

<h3>Remunerated Questions</h3>

<h4>Voici quatre produits financiers. Classez-les de 1 à 4 (du moins risqué au plus risqué selon vous)</h4>
    {{ formfields }}

    {{ next_button }}

{{ endblock }}