线性进度条 | Quasar 框架

为什么捐赠

API 资源管理器

如何贡献

选项 & 辅助函数

样式 & 标识

布局和网格

Vue 组件

按钮

圆形进度条 (Circular Progress)

颜色选择器 (Color Picker)

对话框 (Dialog)

编辑器 - 所见即所得 (Editor - WYSIWYG)

展开项 (Expansion Item)

浮动操作按钮 (Floating Action Button)

表单组件 (Form Components)

输入文本框 (Input Textfield)

选择器 (Select)

文件选择器 (File picker)

表单 (Form)

字段 (包装器) (Field (wrapper))

无限滚动 (Infinite Scroll)

内部加载 (Inner Loading)

交叉观察 (Intersection)

旋钮 (Knob)

线性进度条 (Linear Progress)

列表 & 列表项 (List & List Items)

标记表 (Markup Table)

菜单 (Menu)

无服务器端渲染 (No SSR)

观察者 (Observers)

尺寸观察器 (用于元素) (Resize Observer (for Element))

滚动观察器 (Scroll Observer)

Vue 指令

Quasar 插件

Vue 组合式函数

安全性

Quasar CLI（使用 Vite）

Quasar CLI（使用 Webpack）

Icon Genie CLI

应用扩展

Quasar 工具

线性进度条

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

使用

确定状态

不确定状态

提示

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

反向

样式

缓冲

带标签

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

使用足够大的 size 以便显示标签
为标签设置文本颜色，使其在填充和未填充区域均可见，或使用文本阴影 CSS，或像下面示例中那样使用 QBadge

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

1. 简介

2. QLinearProgress API

3. 使用

3.1. 确定状态

3.2. 不确定状态

3.3. 反向

3.4. 样式

3.5. 缓冲

3.6. 带标签