线性进度

QLinearProgress组件显示一个彩色的加载栏。 进度条可以具有确定的进度,也可以具有不确定的动画。 它应用于通知用户某个操作正在后台发生。

安装

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

用法

确定状态

Determined state

不确定状态

Indeterminate state

TIP

对于不确定状态(上方)或查询状态(下方),您无需指定value属性。

Query state

倒转

Reverse progress direction

样式

Custom height
Standard sizes
Stripe
On a dark background

缓冲

Buffer

带标签

要将标签添加到进度条,可以使用默认插槽。 请注意:

  • 使用足够大的size以显示标签
  • 设置标签的文本颜色,以使其在填充和未填充区域均可见,或使用text-shadow CSS,或使用QBadge,如以下示例所示
With a label

QLinearProgress API

Loading API...
Please wait...