线性进度条 | Quasar Framework

为什么捐赠

API 浏览器

如何贡献

选项与辅助工具

样式与标识

布局与栅格

Vue 组件

Buttons 按钮

Circular Progress 环形进度条

Floating Action Button 浮动操作按钮

Form Components 表单组件

Linear Progress 线性进度条

List & List Items 列表与列表项

Markup Table 标记表格

Menu 菜单

No SSR

Observers 观察者

Resize Observer 尺寸观察者

Scroll Observer 滚动观察者

Slide Transition 滑动过渡

Vue 指令

Quasar 插件

Vue 组合式函数

安全

Quasar CLI（Vite 版）

Quasar CLI（Webpack 版）

Icon Genie CLI

Quasar 工具函数

应用扩展

联系站长

线性进度条

QLinearProgress 组件显示一个彩色加载条。该条可以显示确定的进度或不确定的动画。它适用于通知用户后台正在执行某个操作。

用法

确定状态

不确定状态

TIP

对于不确定状态（如上）或查询状态（如下），不需要指定 value 属性。

反转

样式

缓冲

添加标签

要为进度条添加标签，可以使用默认插槽。请注意：

使用足够大的 size 以确保标签能够显示
为标签设置文本颜色，使其在已填充和未填充区域都清晰可见；或使用 text-shadow CSS；或使用 QBadge，如下例所示

发现错误？在浏览器中编辑此页

1. Introduction

2. QLinearProgress API

3. 用法

3.1. 确定状态

3.2. 不确定状态

3.3. 反转

3.4. 样式

3.5. 缓冲

3.6. 添加标签