进度条组件

核心组件进度条组件以可视化形式展示向目标的进展。

用途

使用进度条组件，内容作者可以通过定义完成百分比轻松地创建进度条，从而直观地以可视化形式展示向目标的进展。

版本和兼容性

进度条组件的当前版本是 V1，此版本随 2020 年 5 月的核心组件 2.9.0 版的发布引入，具体说明见本文。

下表详细说明了该组件的所有受支持版本、与该组件的版本兼容的 AEM 版本以及指向早期版本文档的链接。

组件版本 AEM 6.4 AEM 6.5 AEM as a Cloud Service
v1 兼容
版本 2.17.4 和更低版本		 兼容 兼容

示例组件输出

要体验进度条组件并查看其配置选项示例以及 HTML 和 JSON 输出，请访问组件库。

技术详细信息

在 GitHub 上可找到有关进度条组件的最新技术文档。

在核心组件开发人员文档中可找到有关开发核心组件的其他详细信息。

“配置”对话框

进度条组件的“编辑”对话框

  • 完成 - 按百分比表示的进度
  • ID - 利用此选项，可以控制 HTML 和 Data Layer 中的组件的唯一标识符。
    • 如果留空，系统会自动为您生成一个唯一 ID，可以通过检查结果页面找到该 ID。
    • 如果指定一个 ID，作者有责任确保它是唯一的。
    • 更改此 ID 会对 CSS、JS 和 Data Layer 跟踪产生影响。

“设计”对话框

利用“设计”对话框，模板作者可以定义应用于进度条组件的样式。

“样式”选项卡

进度条组件支持 AEM 样式系统。

Adobe Client Data Layer

进度条组件支持 Adobe Client Data Layer。

在此页面上