_settings.LogoTextBlazify
Donate
فارسی English
Spinner / Progress

Loading

ButtonsFormsInput groupButton groupsDatePickerAutoCompleteCardsDisplayLoadingDialogsNotificationsOperation messageDrawerContext menuPaginationLightboxTreeDataGridChartsTabs & AccordionNavigationSidebarTimelineWizardCarouselUploaderEditorCalendarIranian tools
12 spinner variants
razor 
@foreach (var v in Enum.GetValues<BzSpinnerVariant>())
{
    <BzSpinner Variant="v" Size="44px" Color="BzColor.Primary" />
}
Dynamic (colour / size / speed / label)
Saving…
razor 
<BzSpinner Variant="BzSpinnerVariant.Ring" Size="60px" Color="BzColor.Success" Speed="0.7s" Label="در حال ذخیره…" />
<BzSpinner Variant="BzSpinnerVariant.Bars" Size="50px" Color="BzColor.Danger" />
<BzSpinner Variant="BzSpinnerVariant.Orbit" Size="50px" CustomColor="#e91e63" />
Linear progress
40%
razor 
<BzProgress Type="BzProgressType.Linear" Value="progress" ShowLabel />
<BzProgress Type="BzProgressType.Linear" Value="progress" Color="BzColor.Success" Striped Animated />
<BzProgress Type="BzProgressType.Linear" Indeterminate Color="BzColor.Info" />
Circular progress
40%
40%
razor 
<BzProgress Type="BzProgressType.Circular" Value="progress" ShowLabel />
<BzProgress Type="BzProgressType.Circular" Value="progress" Color="BzColor.Success" Size="90px" ShowLabel />
<BzProgress Type="BzProgressType.Circular" Indeterminate Color="BzColor.Danger" />