- Introducción a los componentes principales
- Rutas para alcanzar el éxito
- Biblioteca de componentes
- Versiones
- 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
- Tabla de contenido
- Texto
- Pestañas
- Teaser
- Título
- Componentes de formulario
- Componentes (v1)
- Componentes (v2)
- Desarrollo de
- Desarrollo de componentes principales
- Rutas para alcanzar el é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
- El servlet de imagen adaptable
- Entrega de imágenes optimizadas para la web
- Capa de datos del cliente de Adobe
- Tipo de archivo del proyecto AEM
Componente Barra de progreso
El componente principal Barra de progreso representa visualmente el progreso hacia un objetivo.
Uso
El componente Barra de progreso permite al autor del contenido crear fácilmente una barra de progreso definiendo un porcentaje de finalización, lo que ofrece una visualización visual intuitiva del progreso hacia un objetivo.
Versión y compatibilidad
La versión actual del componente Barra de progreso es la versión 1, 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 de 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 |
|---|---|---|---|
| Versión 1 | Compatible con la versión 2.17.4 y anterior |
Compatible | Compatible |
Salida del componente de ejemplo
Para experimentar el componente 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 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.
Cuadro de diálogo de configuración
- Finalización: el progreso representado por un porcentaje
- ID: esta opción permite controlar el identificador único del componente del HTML y de la capa de datos.
- Si se deja en blanco, se generará automáticamente 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 de la capa de datos.
Cuadro de 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 Barra de progreso.
Pestaña Estilos
El componente Barra de progreso es compatible con el sistema de estilos AEM.
Capa de datos del cliente de Adobe
El componente Barra de progreso es compatible con la capa de datos del cliente de Adobe.
Recursos de Business.Adobe.com
Obtener asistencia
Recursos
Cuenta de Adobe
