Componente de barra de progreso

El componente de barra de progreso del componente principal representa visualmente el progreso hacia un objetivo.

Uso

El componente de barra de progreso permite al autor del contenido crear fácilmente una barra de progreso definiendo un porcentaje de finalización, lo que permite una visualización visual intuitiva del progreso hacia un objetivo.

Versión y compatibilidad

La versión actual del componente de barra de progreso es v1, que se introdujo con la versión 2.9.0 de los componentes principales en mayo de 2020 y se describe en este documento.

La siguiente tabla detalla todas las versiones compatibles del componente, las versiones AEM con las que son compatibles las versiones del componente y los vínculos a la documentación de versiones anteriores.

Versión del componente AEM 6.4 AEM 6.5 AEM as a Cloud Service
v1 Compatible Compatible Compatible

Salida de componente de ejemplo

Para experimentar el componente de barra de progreso, así como ver ejemplos de sus opciones de configuración, así como la salida HTML y JSON, visite la Biblioteca de componentes.

Detalles técnicos

La documentación técnica más reciente sobre el componente de barra de progreso se encuentra en GitHub.

Puede encontrar más información sobre el desarrollo de componentes principales en la documentación para desarrolladores de componentes principales.

Configurar diálogo

Cuadro de diálogo de edición del componente de barra de progreso

  • Finalización : el progreso representado por un porcentaje
  • ID : esta opción permite controlar el identificador único del componente en el HTML y en la capa de datos.
    • Si se deja en blanco, automáticamente se genera un ID único que se puede encontrar inspeccionando la página resultante.
    • Si se especifica un ID, es responsabilidad del autor asegurarse de que sea único.
    • Cambiar el ID puede afectar al seguimiento de CSS, JS y capa de datos.

Diálogo de diseño

El cuadro de diálogo de diseño permite al autor de la plantilla definir los estilos aplicados al componente de barra de progreso.

Pestaña Estilos

El componente de barra de progreso es compatible con el sistema de estilos AEM.

Capa de datos del cliente de Adobe

El componente de barra de progreso es compatible con la capa de datos del cliente de Adobe.

En esta página

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now