Show Menu
主題×

進度列元件

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

使用狀況

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

版本與相容性

目前的進度列元件版本為v1,此版本於2020年5月隨核心元件2.9.0版推出,並在本檔案中加以說明。
下表詳細說明所有支援的元件版本、與元件版本相容的AEM版本,以及舊版檔案的連結。
元件版本
AEM 6.4
AEM 6.5
AEM 雲端服務
v1
相容
相容
相容

元件輸出示例

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

技術詳細資訊

有關Progress Bar Component的最新技術文 件可在GitHub上找到
有關開發核心元件的詳細資訊,請參閱核心元 件開發人員檔案

配置對話框

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

設計對話框

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

樣式標籤

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