線性進度 | Quasar Framework

為什麼捐款

API 瀏覽器

如何貢獻

選項與輔助工具

風格與識別

佈局與網格

Vue 組件

按鈕

表單組件

無限滾動 (Infinite Scroll)

內部載入 (Inner Loading)

Intersection

旋鈕 (Knob)

線性進度條 (Linear Progress)

列表 & 列表項目 (List & List Items)

標記表格 (Markup Table)

選單 (Menu)

No SSR

觀察器 (Observers)

尺寸調整觀察器 (針對元素) (Resize Observer (for Element))

滾動觀察器 (Scroll Observer)

下拉重新整理 (Pull to refresh)

滑動轉場 (Slide Transition)

虛擬滾動 (Virtual Scroll)

Vue 指令 (Vue Directives)

Quasar 插件 (Quasar Plugins)

Vue Composables

安全性 (Security)

Quasar CLI (搭配 Vite) (Quasar CLI (with Vite))

Quasar CLI (搭配 Webpack)

Icon Genie CLI

App Extensions

Quasar Utils

線性進度條

QLinearProgress 元件會顯示彩色的載入條。這個載入條可以顯示確定的進度，或是顯示不確定的動畫。它應該用於告知使用者背景正在進行某個動作。

用法

已確定狀態

未確定狀態

提示

對於未確定狀態（上方）或查詢狀態（下方），您不需要指定 value 屬性。

反向

樣式

緩衝區

帶有標籤

若要為進度條新增標籤，您可以使用預設插槽。請注意

使用夠大的 size 以顯示標籤
為標籤設定文字顏色，使其在填滿和未填滿區域都可見，或者使用 text-shadow CSS，或者使用如下例所示的 QBadge

發現錯誤了嗎？在瀏覽器中編輯此頁面

1. 介紹

2. QLinearProgress API

3. 用法

3.1. 已確定狀態

3.2. 未確定狀態

3.3. 反向

3.4. 樣式

3.5. 緩衝區

3.6. 帶有標籤