> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/experience-components/ax-progress-circle.md).

# 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.

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

Perfecto para KPI de paneles, pantallas de finalización de objetivos, indicadores de progreso de perfiles, tasas de finalización de tareas o cualquier lugar en el que tu portal necesite una visualización circular del progreso que ahorre 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, normalmente un porcentaje..                                                                         |
| **Mostrar valor**       | Alterna 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, lo que permite una visualización más destacada o más sutil.                        |
| **Dirección**           | Determina la dirección en la que se llena la barra de progreso (por ejemplo, en el sentido de las agujas del reloj o en sentido antihorario). |
| **Título**              | Normalmente se usa un elemento de texto adicional para una descripción o un título más detallados.                                            |
| **Posición del título** | Especifica la ubicación del título con respecto al círculo de progreso (por ejemplo, arriba, abajo).                                          |
| {% endtab %}            |                                                                                                                                               |

{% tab title="🎨 Estilo" %}

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/experience-components/ax-progress-circle.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.