> 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-fr/experience-components/ax-progress-circle.md).

# AX - Cercle de progression

## Aperçu

**AX - Cercle de progression** est un composant Experience Cloud qui affiche le pourcentage d'achèvement ou des indicateurs de progression sous forme de jauge circulaire sur les pages des sites Experience.

Utilisez-le pour montrer aux utilisateurs du portail leur progression vers des objectifs, l'état d'achèvement, le pourcentage atteint ou toute mesure numérique issue des données Salesforce, dans un format compact et visuel. Configurez la valeur de progression, les couleurs, la taille et les libellés dans Experience Builder.

Idéal pour les KPI de tableau de bord, les affichages d'achèvement d'objectifs, les indicateurs de progression de profil, les taux d'achèvement des tâches ou partout où votre portail a besoin d'une visualisation circulaire de la progression peu encombrante.

## Paramètres

{% tabs %}
{% tab title="🎛️ Propriétés" %}

| Nom                    | Description                                                                                                                 |
| ---------------------- | --------------------------------------------------------------------------------------------------------------------------- |
| **Libellé**            | Un texte descriptif accompagnant le cercle de progression.                                                                  |
| **Valeur**             | Une représentation numérique de la progression, généralement un pourcentage..                                               |
| **Afficher la valeur** | Bascule l'affichage de la valeur numérique à l'intérieur du cercle de progression.                                          |
| **Taille**             | Ajuste la taille globale du cercle de progression. Les options peuvent inclure petite, moyenne ou grande.                   |
| **Épaisseur**          | Définit l'épaisseur de la barre de progression dans le cercle, permettant un affichage plus marquant ou plus discret.       |
| **Direction**          | Détermine la direction dans laquelle la barre de progression se remplit (par exemple, dans le sens horaire ou antihoraire). |
| **Titre**              | Un élément de texte supplémentaire est généralement utilisé pour une description ou un titre plus détaillé.                 |
| **Position du titre**  | Spécifie l'emplacement du titre par rapport au cercle de progression (par exemple, en haut, en bas).                        |
| {% endtab %}           |                                                                                                                             |

{% tab title="🎨 Style" %}

| Nom           | Description                                                              |
| ------------- | ------------------------------------------------------------------------ |
| **Libellé**   | Couleur grise, style de police normal, graisse moyenne.                  |
| **Valeur**    | Couleur bleue, graisse en gras pour mettre en valeur.                    |
| **Barre**     | Couleur bleue pour la barre de progression, arrière-plan gris clair.     |
| **Titre**     | Couleur noire, style normal, graisse en gras, limitée à une seule ligne. |
| {% 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:

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

The question should be specific, self-contained, and written in natural language.
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.