Blazor ProgressBar -概述

安装最新更新
v10.1
0%
0%
  • Overview.razor
正在加载演示源代码…请稍等。
Blazor UI忍者形象

的ProgressBar组件Blazor的Telerik UI,一个专业级的UI库,包含100个本地组件,用于构建现代和功能丰富的应用程序。想要试用它,可以注册一个30天的免费试用期。

描述

Blazor ProgressBar的Telerik UI组件使您能够直观地指示长时间操作的进度或其执行速率。它是一个随时可用的组件,还支持标签自定义、水平和垂直方向以及动画。

以下功能是内置的:

  • 类:您可以设置将在主包装元素上呈现的CSS类,以便更容易地自定义外观。
  • 最大值:设置进度条的最大值。它必须大于0,并且默认为100,因为大多数进度条的运行范围从0%到100%。
  • 值:这是ProgressBar的值。它表示跟踪过程的进度,是Max的一个部分。
  • 方向:虽然默认的方向设置是水平的,你可以配置ProgressBar呈现垂直方向。
  • Indeterminate:当您不知道确切的值是什么时,可以使用此模式。
  • 标签:默认显示带有%符号的值。

除了上述功能,Blazor ProgressBar是响应式的。当它的宽度设置为100%时,它将随父元素一起调整大小。

上面的演示展示了安装软件的典型用例。如果单击“View Source”选项卡,您将看到只需要一行标记就可以实例化组件。注意“Change Theme”下拉菜单。使用它来选择一个内置的主题和调色板,看看如何Blazor ProgressBar即时适应。

这个Blazor ProgressBar -概述演示是一个独特的收集了数百个Blazor演示的一部分,你可以看到所有Telerik Blazor组件以及他们在行动中的特征。查看每个演示的源代码或直接调整和编辑他们,包括他们的主题外观,在我们的一些Blazor项目的专用游乐场-开拓者的Telerik REPL

支持和学习资源

额外的资源

发生错误。此应用程序可能不再响应,直到重新加载。
重新加载
Baidu
map