CircularProgressbarCenterTemplateDirective

Represents a template that allows you to customize the content in the center of the <kendo-circularprogessbar> component. To define the template, nest an <ng-template> tag with the kendoCircularProgressbarCenterTemplate directive inside a <kendo-circularprogessbar> component. (see example).

html

<kendo-circularprogressbar [value]="75">
  <ng-template kendoCircularProgressbarCenterTemplate>
    <span class="custom-center-text">75%</span>
  </ng-template>
</kendo-circularprogressbar>

Selector

[kendoCircularProgressbarCenterTemplate]