ProgressBarTagHelper

Example

Razor
<kendo-progressbar>
</kendo-progressbar>

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
animationBooleanThe duration of each progress animation in milliseconds.
animation-durationDoubleThe duration of each progress animation in milliseconds.
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.
aria-roleStringIf set to true the ProgressBar will have its role attribute set to progressbar. It will also render its aria-valuemin, aria-valuemax, and aria-valuenow attributes.
as-moduleBoolean
chunk-countDoubleSpecifies the number of chunks.
enableBooleanIf set to false the widget will be disabled. It will still allow changing the value. The widget is enabled by default.
has-client-componentBoolean
labelStringThe label that would be used as a aria-label for the 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 ProgressBar. Will be used as a value of the aria-labelledby attribute. Will be applied only if ariaRole is set to true.
maxDoubleThe maximum value of the ProgressBar.
minDoubleThe minimum value of the ProgressBar.
on-changeStringFired when the value of the ProgressBar has changed. If the progress animation is enabled, the event will be fired after the animation has completed (does not applies to chunk ProgressBar).
on-completeStringFired when the value of the ProgressBar reaches the maximum value.
orientationProgressBarOrientationDefines the orientation of the ProgressBar.
reverseBooleanSpecifies if the progress direction will be reversed.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
show-statusBooleanSpecifies if the progress status will be shown.
typeProgressBarTypeRepresents the supported progress types
valueDoubleThe underlying value of the ProgressBar. It should be a number or false. Setting the value to false will set the state of the ProgressBar to indeterminate.
In this article
ExampleAttributes
Not finding the help you need?
Contact Support