Jarvis/jarvis/people/templates/gymnasts/gymnast_level_chart_bar.html

<h4 class="d-flex align-items-end flex-column">
    Estimated level : {% if gymnast_nb_known_skills %}{{ evaluated_level }}{% else %}0{% endif %}
</h4>
<div class="progress-container progress-primary">
    <div class="progress" style="height: 10px;">
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: {{ percentage_known_skill }}%;"></div>
    </div>
</div>
<!-- {{ nb_known_skill }} known skills on {{ nb_skill }} skills. -->
{% for level in percentages %}
    {% if level.2 > 0 and level.2 <= level.1 %}
    <div class="progress-container progress-warning mt-2">
        <div class="progress" style="height: 10px;">
            <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: {% widthratio level.2 level.1 100 %}%;">&nbsp;&nbsp;Level {{ level.0 }}</div>
        </div>
    </div>
    {% endif %}
{% endfor %}