New to Kendo UI for jQuery? Start a free 30-day trial

CenterTemplate

configuration

The template that will be displayed in the center of the progress bar. Template variables:

value - the value
color - the matching color for the value

centerTemplate

String|Function

<div id="progressbar"></div>
<script>
 $("#progressbar").kendoCircularProgressBar({
    value: 30,
    centerTemplate: '<span style="color: #: color #;">#: value #%</span>'
 });
</script>