Blazor ChunkProgressBar -概述

早上例行
完成3/5任务
  • Overview.razor
正在加载演示源代码…请稍等。
Blazor UI忍者形象

ChunkProgressBar组件是为Blazor的Telerik UI,一个具有100个本地组件的专业级UI库,用于构建现代和功能丰富的应用程序。想要试用它,请注册一个30天的免费试用。

描述

用于Blazor ChunkProgressBar组件的Telerik UI是一种不同类型的进度条。通常,人们认为进度条是显示编程过程(如页面加载)状态的仪表或动画。Blazor ChunkProgressBar以预定义的步骤数显示和跟踪任务的进度。它以完成的段(或块)与总进度(total)而不是百分比加载进度。它最常用于可视化一个冗长操作的状态或一个或一系列任务的完成情况。最常见的用例是跟踪一个多步骤表单(如调查或购物车)的进度。例如,ChunkProgressBar将可视化“Page 1 of 4”状态。

虽然ChunkProgressBar是一个相对简单的概念,但该组件是高度可配置的。

  • 包装器类:提供方便的CSS样式。
  • 最大值:设置最大值。
  • 块计数:确定组件将显示多少段(块)。
  • 方向:虽然默认是水平,但您可以将其设置为垂直。
  • 不确定状态:用于任务完成的估计时间未知或进度不能用物理值表示的情况。ChunkProgressBar充满了流动的动画,以显示任务正在运行。

上面的演示展示了Blazor ChunkProgressBar的实现。您可以在组件中通过文本和可视化的方式看到总共完成了多少任务。使用左右箭头来填充或清空进度条。

这个ChunkProgressBar概述示例是一个独特的集合的数百个Blazor演示的一部分,你可以看到所有的用于Blazor组件的Telerik UI他们的特征在行动。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观开拓者的Telerik REPLThemeBuilder

支持和学习资源

额外的资源

出现错误。此应用程序在重新加载之前可能不再响应。
重新加载
Baidu
map