custom-content.md

title	page_title	description	slug	tags	published	position
Custom Content	Custom Content	This article will show you how to customize the content of RadCircularProgressBar control.	radcircularprogressbar-custom-content	custom content, radcircularprogressbar	true	6

Custom Content

RadCircularProgressBar supports setting a complex structure of elements to the ContentTemplate property to represent the value set for the Content property. The Content property is of type object and can hold a value of any type.

[XAML] Setting the Content and ContentTemplate properties

{{region radcircularprogressbar-custom-content-0}} <telerik:RadCircularProgressBar Name="circularProgressBar" Value="75" Maximum="100" Content="{Binding ElementName=circularProgressBar, Path=Value}"> telerik:RadCircularProgressBar.ContentTemplate </telerik:RadCircularProgressBar.ContentTemplate> </telerik:RadCircularProgressBar> {{endregion}}

[XAML] Custom content with indeterminate state

{{region radcircularprogressbar-custom-content-1}} <telerik:RadCircularProgressBar Name="circularProgressBar" Value="75" Maximum="100" IsIndeterminate="True" Content="In Progress"> telerik:RadCircularProgressBar.ContentTemplate </telerik:RadCircularProgressBar.ContentTemplate> </telerik:RadCircularProgressBar> {{endregion}}

ContentStringFormat

RadCircularProgressBar allows you to set a string format to the ContentStringFormat property. This format will be applied to the Content property.

[XAML] Custom ContentStringFormat

{{region radcircularprogressbar-custom-content-2}} <telerik:RadCircularProgressBar Name="circularProgressBar" Value="0.75" Content="{Binding ElementName=circularProgressBar, Path=Value}" ContentStringFormat="p2"/> {{endregion}}

tip Check this article for more information on the supported formats.

See Also

• [Indeterminate State Animation Customization]({%slug radcircularprogressbar-animation-customization%})