CircularProgressBarComponent
Represents the Kendo UI Circular ProgressBar component for Angular.
@Component({
selector: 'my-app',
template: `
<kendo-circularprogressbar [value]="value"></kendo-circularprogressbar>
`
})
class AppComponent {
public value: number = 50;
}
Selector
kendo-circularprogressbar
Export Name
Accessible in templates as #kendoCircularProgressBarInstance="kendoCircularProgressBar"
Inputs
Name | Type | Default | Description |
---|---|---|---|
animation |
|
|
Indicates whether an animation will be played on value changes. |
indeterminate |
|
|
Puts the Circular ProgressBar in indeterminate state. |
max |
|
|
The maximum value which the Circular Progressbar can accept. |
min |
|
|
The minimum value which the Circular Progressbar can accept. |
opacity |
|
|
The opacity of the value arc. |
progressColor |
|
Configures the pointer color. Could be set to a single color string or customized per progress stages. | |
value |
|
|
Sets the default value of the Circular Progressbar between |
Events
Name | Type | Description |
---|---|---|
animationEnd |
|
Fires when the animation which indicates the latest value change is completed. |