Segments in .NET MAUI Circular ProgressBar (SfCircularProgressBar)

To visualize the progress of multiple sequential tasks, split the circular progress bar into multiple segments by setting the SegmentCount property as demonstrated in the following code sample.

XAML

<progressBar:SfCircularProgressBar Progress="25" 
                                   SegmentCount="7" />

C#

SfCircularProgressBar circularProgressBar = new SfCircularProgressBar();
circularProgressBar.Progress = 25;
circularProgressBar.SegmentCount = 7;
this.Content = circularProgressBar;

Gap customization

Customize the default spacing between the segments using the SegmentGapWidth property as demonstrated in the following code sample.

XAML

<progressBar:SfCircularProgressBar Progress="25"
                                   SegmentCount="7" 
                                   SegmentGapWidth="10" />

C#

SfCircularProgressBar circularProgressBar = new SfCircularProgressBar();
circularProgressBar.Progress = 25;
circularProgressBar.SegmentCount = 7;
circularProgressBar.SegmentGapWidth = 10;
this.Content = circularProgressBar;

NOTE

Refer to our .NET MAUI Circular ProgressBar feature tour page for its groundbreaking feature representations. Also explore our .NET MAUI Circular ProgressBar example that shows how to configure a SfCircularProgressBar in .NET MAUI.