New to Kendo UI for Angular? Start a free 30-day trial
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]