Syncfusion AI Assistant

How can I help you?

Segments in .NET MAUI Linear ProgressBar (SfLinearProgressBar)

7 Jan 20252 minutes to read

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.

<progressBar:SfLinearProgressBar Progress="25" 
                                 SegmentCount="4" />
SfLinearProgressBar linearProgressBar = new SfLinearProgressBar();
linearProgressBar.Progress = 25;
linearProgressBar.SegmentCount = 4;
this.Content = linearProgressBar;

.NET MAUI Linear ProgressBar with segment

Gap customization

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

<progressBar:SfLinearProgressBar Progress="25" 
                                 SegmentCount="4"
                                 SegmentGapWidth="5" />
SfLinearProgressBar linearProgressBar = new SfLinearProgressBar();
linearProgressBar.Progress = 25;
linearProgressBar.SegmentCount = 4;
linearProgressBar.SegmentGapWidth = 5;
this.Content = linearProgressBar;

.NET MAUI Linear ProgressBar with segment gap width

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.