CircularProgressBarComponent
Represents the Kendo UI Circular ProgressBar component for Angular.
Definition
Package:@progress/kendo-angular-progressbar
Selector:kendo-circularprogressbar
Export Name:Accessible in templates as #kendoCircularProgressBarInstance="kendoCircularProgressBar"
Syntax:
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<kendo-circularprogressbar
[value]="currentValue"
[max]="100"
[animation]="true">
</kendo-circularprogressbar>
`
})
export class AppComponent {
public currentValue: number = 65;
}Inputs
animation
boolean
Specifies whether to play an animation when the value changes.
false
indeterminate
boolean
Puts the Circular ProgressBar in indeterminate state.
false
max
number
Sets the maximum value which the Circular ProgressBar can accept.
100
min
number
Sets the minimum value which the Circular ProgressBar can accept.
0
opacity
number
Sets the opacity of the value arc.
1
progressColor
string | ProgressColor[]
Configures the pointer color. You can set it to a single color string or customize it per progress stages.
value
number
Sets the default value of the Circular ProgressBar between min and max.
0
Events
Fires when the animation that indicates the latest value change completes.