Segments

3 Sep 2020 / 1 minute to read

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

  • c#
  • // Using linear progress bar.
    SfLinearProgressBar sfLinearProgressBar = new SfLinearProgressBar(this); 
    sfLinearProgressBar.SegmentCount = 4;
    
    // Using circular progress bar.
    SfCircularProgressBar circularProgressBar = new SfCircularProgressBar(this);  
    circularProgressBar.SegmentCount = 7;

    Gap Customization

    You can also customize the default spacing between the segments using the GapWidth property, as shown in following code example.

  • c#
  • // Using linear progress bar.
    SfLinearProgressBar sfLinearProgressBar = new SfLinearProgressBar(this); 
    sfLinearProgressBar.GapWidth = 5;
    
    // Using circular progress bar.
    SfCircularProgressBar circularProgressBar = new SfCircularProgressBar(this);  
    circularProgressBar.GapWidth = 10;