BlazorUI Demo

Progress indicators

Determinate, indeterminate and actively working linear or circular indicators.

Linear progress
View code 
<BuiStack Gap="3"><BuiProgress Value="64" /><BuiProgress Value="42" Animated Color="Colors.Success" /><BuiProgress Color="Palette.Violet" /></BuiStack>
Circular progress
View code 
<BuiStack Orientation="Orientation.Horizontal" Gap="4" Align="Align.Center"><BuiProgressCircular Value="64" /><BuiProgressCircular Color="Colors.Success" /><BuiProgressCircular Value="25" Size="Size.Large" /></BuiStack>