@if (singleLine)
{
    <div class="progress">
        <div class="progress-bar @bgStyle" style="width:@(percWidthNum)%">
            @if (percWidthNum > redLimNum || percWidthNum <= 0)
            {
                <div class="px-1">
                    @if (showPerc)
                    {
                        @($"{percWidthNum}%")
                    }
                    @if (showAct)
                    {
                        <spam class="small">@($" ({currVal:N0}{baseUM})")</spam>
                    }
                </div>
            }
        </div>
        @if (percWidthNum <= redLimNum && percWidthNum > 0)
        {
            <div class="px-1">
                @if (showPerc)
                {
                    @($"{percWidthNum}%")
                }
                @if (showAct)
                {
                    <spam class="small">@($" ({currVal:N0}{baseUM})")</spam>
                }
            </div>
        }
    </div>
}
else
{
    <div class="text-center @textStyle">
        <span class="@warnClass px-1"><i class="bi bi-exclamation-triangle-fill"></i></span> <b>@currVal.ToString("N0")</b> <sup>(@($"{maxVal:N0}"))</sup><span class="@warnClass px-1"><i class="bi bi-exclamation-triangle-fill"></i></span>
    </div>
    <div class="progress">
        <div class="progress-bar @bgStyle" style="width:@(percWidh)%;">
            @if (percWidthNum > redLimNum || percWidthNum <= 0)
            {
                <div class="px-1">@(percWidthNum)%</div>
            }
        </div>
        @if (percWidthNum <= redLimNum && percWidthNum > 0)
        {
            <div class="px-1">@(percWidthNum)%</div>
        }
    </div>
}