Class RadzenProgressBarCircular
A circular progress indicator component for showing task completion or ongoing processes in a compact circular format. RadzenProgressBarCircular displays progress as a ring with determinate (specific value) or indeterminate (spinning) modes. Space-efficient and works well for dashboards, loading states, or anywhere circular design fits better than linear bars. Inherits all features from RadzenProgressBar and adds circular design showing progress as a ring/arc instead of a linear bar, size options (ExtraSmall, Small, Medium, Large) for different contexts, value display in the center of the circle, and compact design taking less space than linear progress bars. Use for dashboard KPIs, button loading states, or compact loading indicators. The circular shape makes it ideal for displaying progress where space is limited.
Inherited Members
Namespace: Radzen.Blazor
Assembly: Radzen.Blazor.dll
Syntax
public class RadzenProgressBarCircular : RadzenProgressBar, IComponent, IHandleEvent, IHandleAfterRender, IDisposableExamples
Basic circular progress:
<RadzenProgressBarCircular Value=@completionPercentage ShowValue="true" />Small loading spinner:
<RadzenProgressBarCircular Mode="ProgressBarMode.Indeterminate"
Size="ProgressBarCircularSize.Small"
ProgressBarStyle="ProgressBarStyle.Primary" />Dashboard metric with custom range:
<RadzenProgressBarCircular Value=@salesCount Max="1000" Size="ProgressBarCircularSize.Large"
Unit=" sales" ShowValue="true" ProgressBarStyle="ProgressBarStyle.Success" />Constructors
RadzenProgressBarCircular()
A circular progress indicator component for showing task completion or ongoing processes in a compact circular format. RadzenProgressBarCircular displays progress as a ring with determinate (specific value) or indeterminate (spinning) modes. Space-efficient and works well for dashboards, loading states, or anywhere circular design fits better than linear bars. Inherits all features from RadzenProgressBar and adds circular design showing progress as a ring/arc instead of a linear bar, size options (ExtraSmall, Small, Medium, Large) for different contexts, value display in the center of the circle, and compact design taking less space than linear progress bars. Use for dashboard KPIs, button loading states, or compact loading indicators. The circular shape makes it ideal for displaying progress where space is limited.
Declaration
public RadzenProgressBarCircular()Examples
Basic circular progress:
<RadzenProgressBarCircular Value=@completionPercentage ShowValue="true" />Small loading spinner:
<RadzenProgressBarCircular Mode="ProgressBarMode.Indeterminate"
Size="ProgressBarCircularSize.Small"
ProgressBarStyle="ProgressBarStyle.Primary" />Dashboard metric with custom range:
<RadzenProgressBarCircular Value=@salesCount Max="1000" Size="ProgressBarCircularSize.Large"
Unit=" sales" ShowValue="true" ProgressBarStyle="ProgressBarStyle.Success" />Properties
Size
Gets or sets the size of the circular progress indicator. Controls the diameter of the circle: ExtraSmall, Small, Medium, or Large.
Declaration
[Parameter]
public ProgressBarCircularSize Size { get; set; }Property Value
| Type | Description |
|---|---|
| ProgressBarCircularSize | The circular progress bar size. Default is Medium. |
Methods
BuildRenderTree(RenderTreeBuilder)
A circular progress indicator component for showing task completion or ongoing processes in a compact circular format. RadzenProgressBarCircular displays progress as a ring with determinate (specific value) or indeterminate (spinning) modes. Space-efficient and works well for dashboards, loading states, or anywhere circular design fits better than linear bars. Inherits all features from RadzenProgressBar and adds circular design showing progress as a ring/arc instead of a linear bar, size options (ExtraSmall, Small, Medium, Large) for different contexts, value display in the center of the circle, and compact design taking less space than linear progress bars. Use for dashboard KPIs, button loading states, or compact loading indicators. The circular shape makes it ideal for displaying progress where space is limited.
Declaration
protected override void BuildRenderTree(RenderTreeBuilder __builder)Parameters
| Type | Name | Description |
|---|---|---|
| RenderTreeBuilder | __builder |
Overrides
GetComponentCssClass()
Gets the component CSS class.
Declaration
protected override string GetComponentCssClass()Returns
| Type | Description |
|---|---|
| string |