Segments
RadCircularProgressBar
allows you to split the progress track into multiple segments. To specify the segments' amount, set the Segments
property to the desired count. This property is of type int
and has a default value of 1.
Setting the segments' count
<telerik:RadCircularProgressBar Value="0.7" Segments="5"/>
Setting the segments' count in code
RadCircularProgressBar radCircularProgressBar = new RadCircularProgressBar();
radCircularProgressBar.Value = 0.7;
radCircularProgressBar.Segments = 5;
Dim radCircularProgressBar As RadCircularProgressBar = New RadCircularProgressBar()
radCircularProgressBar.Value = 0.7
radCircularProgressBar.Segments = 5
RadCircularProgressBar split into 5 segments:
Segments Density
RadCircularProgressBar provides you with the ability to specify the density of the segments. To specify the desired density, set the SegmentsDensity
property. The property is of type int
and the value must be in the range between 0 and 1. The default value of the SegmentsDensity property is 0.95.
Setting the segments' density
<telerik:RadCircularProgressBar Name="radCircularProgressBar"
Maximum="60"
Value="40"
SegmentsDensity="0.7"
Segments="60">
<telerik:RadCircularProgressBar.Content>
<TextBlock Text="{Binding ElementName=radCircularProgressBar, Path=Value, StringFormat={}00:{0}}"
Foreground="{Binding ElementName=radCircularProgressBar, Path=IndicatorFill}"
FontSize="28" />
</telerik:RadCircularProgressBar.Content>
</telerik:RadCircularProgressBar>
Rounded Segments
RadCircularProgressBar allows you to round the edges of all of the segments. To apply this rounding, set the UseRoundedSegments
property to True.
We highly recommend setting the
SegmentsDensity
property when using rounded segments.
Rounding all segments
<telerik:RadCircularProgressBar Value="0.75" Segments="4" SegmentsDensity="0.75" UseRoundedSegments="True"/>
Rounding all segments in code
RadCircularProgressBar radCircularProgressBar = new RadCircularProgressBar();
radCircularProgressBar.Value = 0.75;
radCircularProgressBar.Segments = 4;
radCircularProgressBar.SegmentsDensity = 0.75;
radCircularProgressBar.UseRoundedSegments = true;
Dim radCircularProgressBar As RadCircularProgressBar = New RadCircularProgressBar()
radCircularProgressBar.Value = 0.75
radCircularProgressBar.Segments = 4
radCircularProgressBar.SegmentsDensity = 0.75
radCircularProgressBar.UseRoundedSegments = True
RadCircularProgressBar with rounded segments: