Segments in .NET MAUI Linear ProgressBar (SfLinearProgressBar)

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

XAML

<progressBar:SfLinearProgressBar Progress="25" 
                                 SegmentCount="4" />

C#

SfLinearProgressBar linearProgressBar = new SfLinearProgressBar();
linearProgressBar.Progress = 25;
linearProgressBar.SegmentCount = 4;
this.Content = linearProgressBar;

Gap customization

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

XAML

<progressBar:SfLinearProgressBar Progress="25" 
                                 SegmentCount="4"
                                 SegmentGapWidth="5" />

C#

SfLinearProgressBar linearProgressBar = new SfLinearProgressBar();
linearProgressBar.Progress = 25;
linearProgressBar.SegmentCount = 4;
linearProgressBar.SegmentGapWidth = 5;
this.Content = linearProgressBar;

NOTE

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