> 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 métriques de progression dans un format 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.

## Configuration

### Propriétés

**Libellé** est un texte descriptif accompagnant le cercle de progression.

**Valeur** est une représentation numérique de la progression, généralement un pourcentage. **Total** est le nombre à atteindre pour obtenir 100 % de progression (par défaut 100).

**Afficher la valeur** active ou désactive l’affichage de la valeur numérique à l’intérieur du cercle de progression.

**Taille** ajuste la taille globale du cercle de progression (petit, moyen ou grand).

**Épaisseur** définit l’épaisseur de l’anneau, permettant un affichage plus marqué ou plus discret.

**Direction** détermine la direction dans laquelle l’anneau se remplit (remplissage ou vidage).

**Titre** est un élément de texte supplémentaire utilisé pour une description ou un titre plus détaillé. **Position du titre** indique son emplacement par rapport au cercle (en haut ou en bas).

**Texte alternatif** fournit un texte accessible décrivant le cercle de progression pour les lecteurs d’écran.

## Style

{% tabs %}
{% tab title="Libellé" %}
Couleur grise, style de police normal, graisse moyenne.
{% endtab %}

{% tab title="Valeur" %}
Couleur bleue, graisse en gras pour mettre en valeur.
{% endtab %}

{% tab title="Barre" %}
Couleur bleue pour la barre de progression, fond gris clair.
{% endtab %}

{% tab title="Titre" %}
Couleur noire, style normal, graisse en gras, limité à 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.