# AX - Círculo de progreso

## Resumen

**AX - Círculo de Progreso** es un componente de Experience Cloud que muestra el porcentaje de finalización o métricas de progreso en un formato de indicador circular en las páginas de Experience Sites.

Úselo para mostrar a los usuarios del portal su progreso hacia metas, estado de finalización, porcentaje alcanzado o cualquier métrica numérica de los datos de Salesforce en un formato visual y compacto. Configure el valor de progreso, los colores, el tamaño y las etiquetas en Experience Builder.

Perfecto para KPI de paneles, visualizaciones de cumplimiento de objetivos, indicadores de progreso de perfil, tasas de finalización de tareas o en cualquier lugar donde su portal necesite una visualización circular de progreso eficiente en espacio.

## Configuración

{% tabs %}
{% tab title="🎛️ Propiedades" %}

| Nombre                  | Descripción                                                                                                          |
| ----------------------- | -------------------------------------------------------------------------------------------------------------------- |
| **Etiqueta**            | Un texto descriptivo que acompaña al círculo de progreso.                                                            |
| **Valor**               | Una representación numérica del progreso, típicamente un porcentaje.                                                 |
| **Mostrar Valor**       | Activa o desactiva la visualización del valor numérico dentro del círculo de progreso.                               |
| **Tamaño**              | Ajusta el tamaño general del círculo de progreso. Las opciones pueden incluir pequeño, mediano o grande.             |
| **Grosor**              | Establece el grosor de la barra de progreso en el círculo, permitiendo una visualización más prominente o más sutil. |
| **Dirección**           | Determina la dirección en la que se llena la barra de progreso (por ejemplo, en sentido horario o antihorario).      |
| **Título**              | Un elemento de texto adicional que se utiliza típicamente para una descripción más detallada o un título.            |
| **Posición del Título** | Especifica la colocación del título con el círculo de progreso (por ejemplo, arriba, abajo).                         |
| {% endtab %}            |                                                                                                                      |

{% tab title="🎨 Estilizado" %}

| Nombre        | Descripción                                                        |
| ------------- | ------------------------------------------------------------------ |
| **Etiqueta**  | Color gris, estilo de fuente normal, peso medio.                   |
| **Valor**     | Color azul, peso en negrita para énfasis.                          |
| **Barra**     | Color azul para la barra de progreso, fondo gris claro.            |
| **Título**    | Color negro, estilo normal, peso en negrita, limitado a una línea. |
| {% endtab %}  |                                                                    |
| {% endtabs %} |                                                                    |