centerTemplate String|Function

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

Example

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