mapo-mono/MP.MONO.UI/Components/ProgBar.razor

@if (singleLine)
{
    <div class="progress">
        <div class="progress-bar @bgStyle" style="width:@(percWidthNum)%">@($"{currVal:N0} h | {percWidthNum}%")</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 > yelLim || percWidthNum <= 0)
            {
                <div>@(percWidthNum)%</div>
            }
        </div>
        @if (percWidthNum <= yelLim && percWidthNum > 0)
        {
            <div>@(percWidthNum)%</div>
        }
    </div>
}