Progress

<BitProgress Label="Basic Progress"
             Description="Example description"
             Percent="42" />

<BitProgress Circular
             Label="Basic Circular Progress"
             Description="Example description"
             Percent="42" />

<BitProgress Label="Show Percent Number"
             Percent="85.69"
             ShowPercentNumber />
<BitProgress Label="Percent Number Format"
             Percent="85.69"
             PercentNumberFormat="{0:F2} %"
             ShowPercentNumber />

<BitProgress Circular
             Label="Show Percent Number"
             Percent="85.69"
             ShowPercentNumber />
<BitProgress Circular
             Label="Percent Number Format"
             Percent="85.69"
             PercentNumberFormat="{0:F2} %"
             ShowPercentNumber />

<BitSlider @bind-Value="barThickness" Max="50" />

<BitProgress ShowPercentNumber Percent="69" Thickness="(int)barThickness" />

<BitProgress Circular ShowPercentNumber Percent="69" Thickness="(int)barThickness" />
@code {
    private double barThickness = 10;
}
                    

<BitProgress Indeterminate />

<BitProgress Circular Indeterminate />

<BitProgress Color="BitColor.Primary" Percent="69" />
<BitProgress Color="BitColor.Secondary" Percent="69" />
<BitProgress Color="BitColor.Tertiary" Percent="69" />
<BitProgress Color="BitColor.Info" Percent="69" />
<BitProgress Color="BitColor.Success" Percent="69" />
<BitProgress Color="BitColor.Warning" Percent="69" />
<BitProgress Color="BitColor.SevereWarning" Percent="69" />
<BitProgress Color="BitColor.Error" Percent="69" />

<BitProgress Color="BitColor.Primary" Circular Percent="69" />
<BitProgress Color="BitColor.Secondary" Circular Percent="69" />
<BitProgress Color="BitColor.Tertiary" Circular Percent="69" />
<BitProgress Color="BitColor.Info" Circular Percent="69" />
<BitProgress Color="BitColor.Success" Circular Percent="69" />
<BitProgress Color="BitColor.Warning" Circular Percent="69" />
<BitProgress Color="BitColor.SevereWarning" Circular Percent="69" />
<BitProgress Color="BitColor.Error" Circular Percent="69" />

<BitProgress Size="BitSize.Small" Label="Small" Percent="69" ShowPercentNumber />
<BitProgress Size="BitSize.Medium" Label="Medium" Percent="69" ShowPercentNumber />
<BitProgress Size="BitSize.Large" Label="Large" Percent="69" ShowPercentNumber />

<BitProgress Size="BitSize.Small" Circular Percent="69" ShowPercentNumber />
<BitProgress Size="BitSize.Medium" Circular Percent="69" ShowPercentNumber />
<BitProgress Size="BitSize.Large" Circular Percent="69" ShowPercentNumber />

<BitProgress Circular Indeterminate Size="BitSize.Small" />
<BitProgress Circular Indeterminate Size="BitSize.Medium" />
<BitProgress Circular Indeterminate Size="BitSize.Large" />

<BitProgress Circular Indeterminate Color="BitColor.Success" />
<BitProgress Circular Indeterminate Color="BitColor.Warning" />
<BitProgress Circular Indeterminate Color="BitColor.Error" />

<style>
    .custom-class {
        padding: 0.2rem;
        margin-bottom: 1rem;
        border-radius: 0.5rem;
        background-color: darkred;
    }

    .custom-track {
        background-color: #ff6a00;
    }

    .custom-bar {
        background-color: #ff2700;
    }

    .custom-circle-track {
        stroke: #ff6a00;
    }

    .custom-circle-bar {
        stroke: #ff2700;
    }
</style>


<BitProgress Indeterminate Style="background-color: #e687dc; border-radius: 0.5rem; padding: 0.2rem;" Thickness="10" />

<BitProgress Class="custom-class"
             Percent="69"
             Thickness="10" />


<BitProgress Circular Indeterminate Style="background-color: #e687dc; border-radius: 0.5rem; padding: 0.2rem;" Thickness="10" />

<BitProgress Circular
             Class="custom-class"
             Percent="69"
             Thickness="10" />


<BitProgress Indeterminate
             Thickness="10"
             Styles="@(new() { Bar = "background: linear-gradient(to right, green 0%, yellow 50%, green 100%);",
                                Track = "background-color: green;" })" />

<BitProgress Classes="@(new() { Bar = "custom-bar",
                                 Track = "custom-tracker"})"
             Percent="69"
             Thickness="10" />


<BitProgress Circular Indeterminate
             Thickness="10"
             Styles="@(new() { Bar = "stroke: greenyellow;",
                               Track = "stroke: green;" })" />

<BitProgress Circular
             Percent="69"
             Thickness="10"
             Classes="@(new() { Bar = "custom-circle-bar",
                                Track = "custom-circle-tracker"})" />

<BitProgress Dir="BitDir.Rtl"
             Thickness="10"
             Indeterminate />

<BitProgress Label="لیبل تست"
             Description="توضیحات تست"
             Dir="BitDir.Rtl"
             Percent="69"
             Thickness="10"
             ShowPercentNumber />

<BitProgress Circular
             Dir="BitDir.Rtl"
             Thickness="10"
             Indeterminate />

<BitProgress Circular
             Label="لیبل تست"
             Description="توضیحات تست"
             Dir="BitDir.Rtl"
             Percent="69"
             Thickness="10"
             ShowPercentNumber />