CircularProgressBar

Example

<kendo-circularprogressbar>
    <colors></colors>
</kendo-circularprogressbar>

ChildTags

Tag Name Details
colors CircularProgressBarColorsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
aria-role 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.
as-child-component Boolean
center-template 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
center-template-handler 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
center-template-id 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
center-template-view IHtmlContent 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
color String The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
has-client-component Boolean
indeterminate Boolean A value indicating whether endloess loading is enabled
label 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.
label-id 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.
opacity Double The opacity of the value pointer.
pointer-width Double A value indicating how wide will the pointer be
sanitize-id Boolean
theme 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".
transitions Boolean A value indicating if transition animations should be played.
value Double The component value.
In this article
Not finding the help you need?