- Introducción a los componentes principales
- Rutas al éxito
- Biblioteca de componentes
- Versiones de componentes principales
- Introducción
- Los componentes
- Acordeón
- Ruta de navegación
- Botón
- Carrusel
- Contenedor
- Fragmento de contenido
- Lista de fragmentos de contenido
- Descargar
- Incrustar
- Fragmento de experiencias
- Imagen
- Navegación por idiomas
- Lista
- Navegación
- Página
- Visualizador de PDF
- Barra de progreso
- Búsqueda rápida
- Separador
- Compartir en redes sociales
- Texto
- Pestañas
- Teaser
- Título
- Componentes de formulario
- Componentes (v1)
- Desarrollo de
- Desarrollo de componentes principales
- Rutas al éxito
- Tutorial para desarrolladores de WKND
- Personalización de componentes principales
- Instrucciones de los componentes
- Compatibilidad con AMP
- Configuraciones según el contexto
- Inclusión de bibliotecas de cliente
- Capa de datos del cliente de Adobe
- Tipo de archivo del proyecto AEM
Componente de barra de progreso
El componente de la 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 mediante la definición de 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.
En la tabla siguiente se detallan 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 muestra
Para experimentar el componente de la barra de progreso y 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.
Encontrará más detalles sobre el desarrollo de los componentes principales en la documentación para desarrolladores de los componentes principales.
Configurar cuadro de diálogo
- 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, se genera automáticamente una ID única para usted y 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 tener un impacto en el seguimiento de CSS, JS y de la 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.
Ficha Estilos
El componente de barra de progreso admite el sistema de estilo AEM .
Capa de datos del cliente de Adobe
El componente de barra de progreso admite la capa de datos del cliente de Adobe .
Recursos en adobe.com
En esta página
