{% macro infoboxprogressbar(title, number, color, icon, percentage, description) %}
    <div class="info-box bg-{{ color }}">
        <span class="info-box-icon"><i class="{{ icon }}"></i></span>
        <div class="info-box-content">
            <span class="info-box-text">{{ title }}</span>
            <span class="info-box-number">{{ number }}</span>
            <!-- The progress section is optional -->
            <div class="progress">
                <div class="progress-bar" style="width: {{ percentage }}%"></div>
            </div>
            <span class="progress-description">{{ description }}</span>
        </div>
        <!-- /.info-box-content -->
    </div>
{% endmacro %}