進度欄元件

核心元件進度列元件以視覺化方式呈現目標的進度。

使用狀況

進度欄元件可讓內容作者借由定義完成百分比，輕鬆建立進度欄，以直觀的方式顯示邁向目標的進度。

版本與相容性

進度列元件的目前版本為v1，此版本於2020年5月隨核心元件2.9.0版推出，本檔案將加以說明。

下表詳細說明所有支援的元件版本、與元件版本相容的AEM版本，以及舊版檔案的連結。

範例元件輸出

若要體驗進度列元件以及查看其設定選項以及HTML和JSON輸出的範例，請造訪元件程式庫。

技術詳細資訊

如需進度列元件的最新技術檔案，請參閱GitHub。

有關開發核心元件的詳細資訊，請參閱核心元件開發人員檔案。

配置對話框

• 完成 — 進度以百分比表示
• ID — 此選項可控制HTML和資料層中元件的唯一 識別碼。
  • 若保留為空白，系統會自動為您產生唯一ID，並且可透過檢查產生的頁面來找到。
  • 若已指定ID，則作者應負責確認其唯一。
  • 變更ID可能會影響CSS、JS和資料層追蹤。

設計對話方塊

設計對話框允許模板作者定義應用於進度欄元件的樣式。

樣式標籤

進度欄元件支援AEM 樣式系統。

Adobe用戶端資料層

進度欄元件支援Adobe客戶端資料層。