RadzenProgressBarCircular Class

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.

Inheritance

Implements

Inherited Members

Syntax

public class RadzenProgressBarCircular : RadzenProgressBar, IComponent, IHandleEvent, IHandleAfterRender

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" />

Constructors

public RadzenProgressBarCircular()

Properties

public ProgressBarCircularSize Size { get; set; }

Methods

protected override void BuildRenderTree(Rendering.RenderTreeBuilder __builder)

protected override string GetComponentCssClass()