陰影
進度條會告知使用者正在進行中的流程狀態，例如載入應用程式、提交表單或儲存更新。進度條有兩種：確定和不確定。
確定是預設類型。當已知操作的百分比時，應使用此類型。進度透過設定 value 屬性來表示。這可用於顯示從軌跡的 0% 增加到 100% 的進度。
如果設定了 buffer 屬性，則會顯示具有動畫圓圈的緩衝區流，以指示活動。 buffer 屬性的值也將由可見軌跡的量來表示。如果 buffer 的值小於 value 屬性，則不會有可見的軌跡。如果 buffer 等於 1，則會隱藏緩衝區流。
當不知道流程需要多長時間時，應使用不確定類型。進度條不與 value 繫結，而是不斷地沿著軌跡滑動，直到流程完成。
| 描述 | 如果緩衝區和值小於 1，則會顯示緩衝區圓圈。緩衝區應介於 [0, 1] 之間。 |
| 屬性 | buffer |
| 類型 | number |
| 預設 | 1 |
| 描述 | 要從應用程式的調色盤中使用的顏色。預設選項為："primary"、"secondary"、"tertiary"、"success"、"warning"、"danger"、"light"、"medium" 和 "dark"。有關顏色的詳細資訊，請參閱佈景主題。 |
| 屬性 | color |
| 類型 | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string ｜ undefined |
| 預設 | undefined |
| 描述 | 模式決定要使用的平台樣式。 |
| 屬性 | mode |
| 類型 | "ios" ｜ "md" |
| 預設 | undefined |
| 描述 | 如果為 true，則反轉進度條方向。 |
| 屬性 | reversed |
| 類型 | boolean |
| 預設 | false |
| 描述 | 進度條的狀態，基於是否已知流程所花費的時間。預設選項為："determinate"（無動畫）、"indeterminate"（從左向右動畫）。 |
| 屬性 | type |
| 類型 | "determinate" ｜ "indeterminate" |
| 預設 | 'determinate' |
| 描述 | 當 type 為 "determinate" 時，該值決定應顯示多少活動條。該值應介於 [0, 1] 之間。 |
| 屬性 | value |
| 類型 | number |
| 預設 | 0 |
此元件沒有可用的事件。
此元件沒有可用的公用方法。
| 名稱 | 描述 |
|---|
progress | 當 type 為 "determinate" 時，顯示目前值的進度條，當 type 為 "indeterminate" 時，進度條會來回滑動。 |
stream | 在緩衝時出現的動畫圓圈。這只會在設定了 buffer 且 type 為 "determinate" 時顯示。 |
track | 進度條後面的軌跡條。如果設定了 buffer 屬性且 type 為 "determinate"，則軌跡將會是 buffer 值的寬度。 |
| 名稱 | 描述 |
|---|
--background | 進度軌跡的背景，或如果設定了 buffer，則為緩衝區條 |
--progress-background | 代表目前值的進度條的背景 |
| 名稱 | 描述 |
|---|
--background | 進度軌跡的背景，或如果設定了 buffer，則為緩衝區條 |
--progress-background | 代表目前值的進度條的背景 |
此元件沒有可用的插槽。