ProgressBarComponent
Represents the Kendo UI ProgressBar component for Angular.
@Component({
selector: 'my-app',
template: `
<kendo-progressbar [value]="value">
</kendo-progressbar>
`
})
class AppComponent {
public value = 50;
}
Selector
kendo-progressbar
Export Name
Accessible in templates as #kendoProgressBarInstance="kendoProgressBar"
Inputs
Name | Type | Default | Description |
---|---|---|---|
animation |
|
The animation configuration of the ProgressBar.
Defaults to | |
disabled |
|
If set to | |
emptyCssClass |
|
The CSS classes that will be rendered on the inner element which represents the empty portion of the progress bar
(see example).
Supports the type of values that are supported by | |
emptyCssStyle |
|
The CSS styles that will be rendered on the inner element which represents the empty portion of the progress bar
(see example).
Supports the type of values that are supported by | |
indeterminate |
|
Sets the | |
label |
|
Determines whether the status label will be visible.
Defaults to | |
max |
|
The maximum value of the ProgressBar.
Defaults to | |
min |
|
The minimum value of the ProgressBar.
Defaults to | |
orientation |
|
Defines the orientation of the ProgressBar
(see example).
Defaults to | |
progressCssClass |
|
The CSS classes that will be rendered on the inner element which represents the full portion of the progress bar
(see example).
Supports the type of values that are supported by | |
progressCssStyle |
|
The CSS styles that will be rendered on the inner element which represents the full portion of the progress bar
(see example).
Supports the type of values that are supported by | |
reverse |
|
If set to | |
value |
|
The value of the ProgressBar.
Has to be between |
Events
Name | Type | Description |
---|---|---|
animationEnd |
|
Fires when the animation which indicates the latest value change is completed. |