進度條元件

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

使用狀況

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

版本和相容性

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

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

元件版本 AEM 6.4 AEM 6.5 AEM as a Cloud Service
v1 相容 相容 相容

元件輸出示例

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

技術詳細資訊

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

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

配置對話框

進度欄元件的編輯對話方塊

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

設計對話框

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

樣式標籤

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

Adobe用戶端資料層

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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free