ProgressCircular: Blazor progress circular component

Examples

Colors

Color tints the spinner with any theme colour.

website/Examples/Feedback/ProgressCircularColorsExample.razor Source

Sizes

Small, Medium and Large; AriaLabel names it for screen readers (defaults to "loading").

website/Examples/Feedback/ProgressCircularSizesExample.razor Source

Playground

Color Color

Size Size

<ProgressCircular Color="Color.Primary" Size="Size.Large" />

API

<ProgressCircular>

DaisyBlazor

Parameters

AriaLabel string
= null
Accessible label of the status / progressbar element. Null uses the app-wide Strings.
Color Color
= Color.Default
Spinner or ring color, applied as a daisyUI text color class.
Indeterminate bool
= true
True (the default) shows an endless spinner; false shows a ring filled to Value.
Max double
= 100
Value of a full ring. Defaults to 100.
Min double
= 0
Value of an empty ring. Defaults to 0.
Size Size
= Size.Medium
Spinner or ring size (loading-{size} for the spinner). Defaults to Medium.
Value double
= 0
Current progress, between Min and Max. Used when Indeterminate is false.
Class string
= null
Extra CSS classes merged onto the root element.
Style string
= null
Inline CSS styles applied to the root element.

Name	Type	Default	Description
AriaLabel	string	null	Accessible label of the status / progressbar element. Null uses the app-wide Strings.
Color	Color	Color.Default	Spinner or ring color, applied as a daisyUI text color class.
Indeterminate	bool	true	True (the default) shows an endless spinner; false shows a ring filled to Value.
Max	double	100	Value of a full ring. Defaults to 100.
Min	double	0	Value of an empty ring. Defaults to 0.
Size	Size	Size.Medium	Spinner or ring size (loading-{size} for the spinner). Defaults to Medium.
Value	double	0	Current progress, between Min and Max. Used when Indeterminate is false.
Class	string	null	Extra CSS classes merged onto the root element.
Style	string	null	Inline CSS styles applied to the root element.

From MudProgressCircular

ProgressCircular keeps MudProgressCircular's parameter names, so most markup moves over by dropping the Mud prefix. See the migration guide for the shared enums, icons and services.

Value, Min and Max are accepted so existing markup compiles, but the spinner always renders indeterminate. Switch to RadialProgress for a determinate ring.