進度條元件

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

使用狀況

進度列元件可讓內容作者透過定義完成百分比，輕鬆建立進度列，讓您以直覺式視覺化方式顯示目標進度。

版本和相容性

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

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

元件輸出示例

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

技術詳細資訊

有關進度列元件的最新技術文檔可在GitHub上找到。

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

配置對話框

• 完成 -進度按百分比計算
• ID —— 此選項可控制HTML和資料層中元件的唯一 識別碼。
  • 如果保留空白，則會自動為您產生唯一ID，並透過檢查產生的頁面找到。
  • 如果指定ID，則作者有責任確保其唯一性。
  • 變更ID可能會影響CSS、JS和資料圖層追蹤。

設計對話框

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

樣式標籤

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

Adobe用戶端資料層

進度列元件支援Adobe用戶端資料層。