AX - Barra de Progreso

Resumen

AX - Barra de Progreso es un componente de Experience Cloud que muestra un indicador visual de progreso mostrando el porcentaje de finalización o el cumplimiento de un objetivo en las páginas de Experience Sites.

Úsalo para mostrar a los usuarios del portal su progreso hacia metas, el estado de finalización de procesos de varios pasos, el porcentaje de requisitos cumplidos o cualquier métrica numérica de progreso a partir de datos de Salesforce. Configura el valor de progreso, etiquetas, colores y estilo en Experience Builder.

Perfecto para la finalización de incorporación, seguimiento de objetivos, completitud del perfil, progreso de formación o en cualquier lugar donde los usuarios del portal necesiten retroalimentación visual sobre su avance hacia una meta.

Configuración

🎛️ Propiedades

Nombre	Descripción	Uso
Etiqueta	El texto que se muestra para identificar el propósito de la barra de progreso.	Implementa esta propiedad para proporcionar a los usuarios una comprensión clara de qué progreso indica la barra.
Valor	Un valor numérico que representa el progreso actual.	Establece esta propiedad para reflejar el porcentaje o fracción de la tarea o proceso que se ha completado.
Etiqueta del Valor	La etiqueta que se mostrará junto al valor, a menudo como un porcentaje o fracción.	Utiliza esto para dar una representación textual del valor de progreso, proporcionando claridad a los usuarios.
Posición del Valor	Posición de la etiqueta de valor con respecto a la barra de progreso. Las opciones incluyen Arriba Derecha, Izquierda, Derecha, Arriba Izquierda, Abajo Derecha, y Abajo Izquierda.	Elige una posición del valor que mejore la legibilidad y se ajuste al diseño del contenido circundante.
Tamaño	El grosor de la barra de progreso. Las opciones incluyen Completo, X-Pequeño, Pequeño, Medio, y Grande.	Selecciona un tamaño que garantice que la barra de progreso sea conspicua y armoniosa con el diseño general.
Orientación	La dirección en la que se llena la barra de progreso. Se puede configurar en Horizontal o Vertical.	Alinea la orientación con el diseño y la dirección del flujo de contenido para una visualización intuitiva del progreso.
Mostrar Valor	Un interruptor para mostrar u ocultar la etiqueta del valor de progreso.	Utiliza esta configuración para presentar el progreso numérico directamente en la barra como referencia para el usuario o para mantener el diseño limpio y minimalista.
Variante	La forma de la barra de progreso. Las opciones son Base para una barra recta o Circular para un indicador de progreso redondo.	Elige una variante que mejor se ajuste al motivo de diseño del sitio y al tipo de progreso que se muestra.
Texturizada	Añade un efecto texturizado a la barra de progreso para un detalle visual adicional.	Aplica esta propiedad para crear una apariencia más dinámica y táctil en la barra de progreso.
Tema	Temas de color predefinidos que indican la naturaleza o el estado del progreso. Los temas disponibles incluyen Base, Alterno Inverso, Error, Información, Inverso, Sin Conexión, Éxito, y Advertencia.	Selecciona un tema para transmitir distintos significados—por ejemplo, usa Éxito para tareas completadas o Advertencia para acciones pendientes.
Grosor	Ajusta el grosor de la barra de progreso. Las opciones incluyen Medio, X-Pequeño, Pequeño, y Grande.	Elige el grosor que garantice la prominencia de la barra de progreso y su compatibilidad estética con otros elementos del sitio.

🎨 Estilizado