Blazor ProgressBar概述

Blazor ProgressBar组件跟踪操作的执行并显示其完成的部分。对于很长时间的任务,你也可以这样做不确定的

为Blazor Ninja图像的Telerik UI

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

正在创建Blazor ProgressBar

  1. 使用< TelerikProgressBar >标签。
  2. 设置它价值的参数。表示完成了多少。

带有最大值和初始值的ProgressBar

@*设置ProgressBar的最大值和当前值*@  @code {public double MaxValue {get;设置;} = 100;public双PBValue {get;设置;} = 10;}

标签

标签是当前进度的文本表示。它在ProgressBar中呈现,默认情况下以百分比显示组件值。的ProgressBar允许定制标签的位置和内容。使用标签模板来覆盖默认的百分比标签,如果ProgressBar马克斯不是One hundred.

不确定的状态

在某些情况下,估计的完成时间是未知的,或者进度不能严格衡量。ProgressBar支持可以涵盖这些情况的连续动画。阅读更多关于ProgressBar不确定状态…

响应ProgressBar

当你将ProgressBar的宽度设置为100%时,它会随着父元素的尺寸调整大小:

< span style=" font - family:宋体;边框:1px纯红色;">   
. Class="width-100" Value="44

ProgressBar参数

ProgressBar提供了以下特性来进一步定制它的行为:

属性 类型及默认值 描述
字符串 将在主包装元素上呈现的CSS类。您可以使用它更容易地层叠样式。
马克斯
One hundred.
ProgressBar的最大值。它必须大于0
价值 ProgressBar值。此值表示跟踪的进程的进度。它只是马克斯
取向 ProgressBarOrientation枚举
ProgressBarOrientation。水平
ProgressBar的方向。取一个ProgressBarOrientation枚举,水平垂直

下一个步骤

另请参阅

在本文中
Baidu
map