CircularProgressBar

Example

Razor

<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.
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.
as-module	Boolean
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
script-attributes	IDictionary<String,Object>
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.