{loadgroupquota}
<div class="card">
    <h2 class="card-header">
        {str tag="groupquota"}
        <span class="float-end">
            {contextualhelp plugintype='artefact' pluginname='file' section='groupquota_message'}
        </span>
    </h2>

    <div class="card-body">
        <p id="quota_message">
            {$GROUPQUOTA_MESSAGE|safe}
        </p>
        <div id="quotawrap" class="progress">
            <div id="quota_fill" class="progress-bar {if $GROUPQUOTA_PERCENTAGE < 11}small-progress{/if}" role="progressbar" aria-valuenow="{if $GROUPQUOTA_PERCENTAGE }{$GROUPQUOTA_PERCENTAGE}{else}0{/if}" aria-valuemin="0" aria-valuemax="100" style="width: {$GROUPQUOTA_PERCENTAGE}%;">
                <span>{$GROUPQUOTA_PERCENTAGE}%</span>
            </div>
       </div>
    </div>
</div>
