{% load evaluation_filters %}

<span class="progress-container{% if warning %} progress-container-warning{% endif %} d-flex">
    {% spaceless %}
        <span class="progress">
            <span class="progress-bar width-percent-{% widthratio done total 100 %}"></span>
            <span class="progress-bartext">
                {% if icon %}
                    <small><span class="fas fa-{{ icon }}"></span></small>&nbsp;
                {% endif %}
                {{ done }}/{{ total }}
            </span>
        </span>
    {% endspaceless %}
    <div class="progress-badge-wrapper ms-2">
        <span class="badge-percentage">{{ done|percentage:total|default:'0%' }}</span>
    </div>
</span>