CircularProgressBarTagHelper

Example

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

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
aria-roleBooleanIf 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.
center-templateStringThe 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-handlerStringThe 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-idStringThe 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-viewIHtmlContentThe template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value
colorStringThe color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-moduleBoolean
has-client-componentBoolean
indeterminateBooleanA value indicating whether endloess loading is enabled
labelStringThe 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-idStringThe 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.
opacityDoubleThe opacity of the value pointer.
pointer-widthDoubleA value indicating how wide will the pointer be
sanitize-idBoolean
script-attributesIDictionary<String,Object>
themeStringThe 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".
transitionsBooleanA value indicating if transition animations should be played.
valueDoubleThe component value.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support