ProgressBarProps
Represents the props of the Kendo UI for Vue ProgressBar component.
Definition
Package:@progress/kendo-vue-progressbars
Properties
animation?
boolean | ProgressBarAnimation
Specifies the animation settings of the ProgressBar. Defaults to false.
If boolean, enables or disables the default animation.
Use ProgressBarAnimation to set slide animation with customizable duration option. Accepts a number in milliseconds.
ariaLabel?
string
The accessible label of the component.
className?
string
Specifies a list of CSS classes that will be added to the progress bar element.
dir?
string
Represents the dir HTML attribute. This is used to switch from LTR to RTL.
emptyClassName?
string
Sets additional classes to the inner element which represents the empty portion of the progress bar. See examples (here).
emptyStyle?
object
The styles that are applied to the inner element which represents the empty portion of the progress bar. See examples (here).
label?
any
Overrides the default label (see example).
Sets the position of the progress status label. Defaults to end (see example).
labelRender?
any
Overrides the default label template (see example).
labelVisible?
boolean
Sets the visibility of the progress status label. Defaults to true.
max?
number
The maximum value of the progress bar. Defaults to 100.
min?
number
The minimum value of the progress bar. Defaults to 0.
orientation?
string
Defines the orientation of the progress bar.
See examples (here) .
Defaults to horizontal.
progressClassName?
string
Sets additional classes to the inner element which represents the full portion of the progress bar. See examples (here).
progressStyle?
object
The styles that are applied to the inner element which represents the full portion of the progress bar. See examples (here).
reverse?
boolean
If set to true, the progress bar will be reversed.
See examples (here).
Defaults to false.
tabIndex?
number
Sets the tabIndex property of the progress bar.