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. |
disabled |
|
If set to | |
emptyCssClass |
|
The CSS classes that render on the inner element which represents the empty portion of the progress bar
(see example).
Supports the type of values that | |
emptyCssStyle |
|
The CSS styles that render on the inner element which represents the empty portion of the progress bar
(see example).
Supports the type of values that | |
indeterminate |
|
Sets the | |
label |
|
|
Determines whether the status label displays. |
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 render on the inner element which represents the full portion of the progress bar
(see example).
Supports the type of values that | |
progressCssStyle |
|
Sets 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 | |
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 completes. |