ProgressBar概述

ProgressBar是Telerik UI for ASP。NET MVC，一个具有 110+ 组件的专业级UI库，用于构建现代和功能丰富的 应用程序。想要试用它，可以注册一个30天的免费试用期。

下载免费试用

Telerik UI ProgressBar HtmlHelper for ASP。NET MVCis a server-side wrapper for the Kendo UI ProgressBar widget. wrapper for the Kendo UI DataSource widget.

ProgressBar为显示和跟踪任务的进度提供了丰富的功能。它支持多种类型，水平和垂直方向，反转方向，最小值和最大值，以及动画持续时间。

• ProgressBar HtmlHelper的演示页面

初始化ProgressBar

下面的示例演示如何定义ProgressBar。

@(Html.Kendo(). progressbar (). name ("progressbar") . type (ProgressBarType.Percent) . animation (a => a. duration(600))) <脚本类型="text-javascript"> $(文档)。ready(function () {$("#progressbar").data("kendoProgressBar").value(50);});> < /脚本

基本配置

下面的示例演示了ProgressBar的基本配置。

@(Html.Kendo().ProgressBar() .Name("progressBar") .Type(ProgressBarType.Chunk) .ChunkCount(4) .Min(0) .Max(4) .Value(2) .ShowStatus(true) .Orientation(ProgressBarOrientation.Vertical) .Events(e => {e. change ("onChange");e.Complete(“onComplete”);}) .Animation(а => {а. duration (500);}))

事件

您可以订阅所有ProgressBar事件。有关基本ProgressBar事件的完整示例，请参阅演示了如何使用ProgressBar的事件．

按处理程序名称处理

下面的示例演示如何通过处理程序名称订阅事件。

@(Html.Kendo().ProgressBar() .Name("progressBar") .Events(e => {e. change ("onChange");e.Complete(“onComplete”);}))