CircularProgressBar
Kendo UI CircularProgressBar component
Definition
Namespace:Kendo.Mvc.UI
Assembly:Kendo.Mvc.dll
Syntax:
public class CircularProgressBar : WidgetBase, IWidget, IHtmlAttributesContainer, IScriptableComponentInheritance: objectWidgetBaseCircularProgressBar
Implements:
Inherited Members
Constructors
Initializes a new instance of the CircularProgressBar class.
public CircularProgressBar(ViewContext viewContext, IJavaScriptInitializer initializer, IUrlGenerator urlGenerator)The view context
initializerIJavaScriptInitializerThe JavaScriptInitializer
urlGeneratorIUrlGeneratorThe URL generator.
Properties
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.
public bool? AriaRole { get; set; }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
public string CenterTemplate { get; set; }The handler for the CenterTemplate
public string CenterTemplateHandler { get; set; }The id for the CenterTemplate
public string CenterTemplateId { get; set; }The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
public string Color { get; set; }The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value.
public List<CircularProgressBarColor> Colors { get; set; }A value indicating whether endloess loading is enabled
public bool? Indeterminate { get; set; }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.
public string Label { get; set; }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.
public string LabelId { get; set; }A value indicating how wide will the pointer be
public double? PointerWidth { get; set; }The circularProgressBar theme. With versions prior to R1 2023 this can be either the respective LESS theme from the list below or "sass". When set to "sass" the circularProgressBar will read the variables from the Sass-based themes.Note: Since Q2 2024 release, the default value for the theme property is "sass" instead of "default". It is recommended to use "sass" with version Q2 2024 or later.The supported values are: "sass"; "black"; "blueopal"; "bootstrap"; "default"; "highcontrast"; "metro"; "metroblack"; "moonlight"; "silver" or "uniform".
public string Theme { get; set; }A value indicating if transition animations should be played.
public bool? Transitions { get; set; }Methods
public override IDictionary<string, object> Serialize()Overrides:
Writes the HTML.
protected override void WriteHtml(HtmlTextWriter writer)The HtmlTextWriter.
Overrides:
Writes the initialization script.
public override void WriteInitializationScript(TextWriter writer)The TextWriter.
Overrides: