New to Telerik UI for JSP? Download free 30-day trial

<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>
In this article
Not finding the help you need?