<kendo:circularProgressBar>
A JSP wrapper for Kendo UI CircularProgressBar.
Configuration Attributes
ariaRole boolean
If set to true the Circular ProgressBar will have its role attribute set to progressbar. It will also render its aria-valuemin, aria-valuemax, and aria-valuenow attributes.
Example
<kendo:circularProgressBar ariaRole="ariaRole">
</kendo:circularProgressBar>
centerTemplate java.lang.String
The template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value
Example
<kendo:circularProgressBar centerTemplate="centerTemplate">
</kendo:circularProgressBar>
color java.lang.String
The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
Example
<kendo:circularProgressBar color="color">
</kendo:circularProgressBar>
indeterminate boolean
A value indicating whether endloess loading is enabled
Example
<kendo:circularProgressBar indeterminate="indeterminate">
</kendo:circularProgressBar>
label java.lang.String
The label that would be used as a aria-label for the Circular ProgressBar element. Will be applied only if ariaRole is set to true.
Example
<kendo:circularProgressBar label="label">
</kendo:circularProgressBar>
labelId java.lang.String
The ID of the element that will be used as a label of the Circular ProgressBar. Will be used as a value of the aria-labelledby attribute. Will be applied only if ariaRole is set to true.
Example
<kendo:circularProgressBar labelId="labelId">
</kendo:circularProgressBar>
opacity float
The opacity of the value pointer.
Example
<kendo:circularProgressBar opacity="opacity">
</kendo:circularProgressBar>
pointerWidth float
A value indicating how wide will the pointer be
Example
<kendo:circularProgressBar pointerWidth="pointerWidth">
</kendo:circularProgressBar>
theme java.lang.String
The gauge theme. This can be either a built-in theme or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.The supported values are: "sass" - special value, see notes; "black"; "blueopal"; "bootstrap"; "default"; "highcontrast"; "metro"; "metroblack"; "moonlight"; "silver" or "uniform".
Example
<kendo:circularProgressBar theme="theme">
</kendo:circularProgressBar>
transitions boolean
A value indicating if transition animations should be played.
Example
<kendo:circularProgressBar transitions="transitions">
</kendo:circularProgressBar>
value float
The component value.
Example
<kendo:circularProgressBar value="value">
</kendo:circularProgressBar>
Configuration JSP Tags
kendo:circularProgressBar-colors
The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value.
More documentation is available at kendo:circularProgressBar-colors.
Example
<kendo:circularProgressBar>
<kendo:circularProgressBar-colors></kendo:circularProgressBar-colors>
</kendo:circularProgressBar>