# 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 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 métrique numérique issue des données Salesforce dans un format visuel compact. Configurez la valeur de progression, les couleurs, la taille et les étiquettes dans Experience Builder.

Parfait pour les indicateurs 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 progression peu encombrante.

## Paramètres

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

| Nom                    | Description                                                                                                            |
| ---------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| **Étiquette**          | 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** | 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. Les options peuvent inclure petit, moyen ou grand.                  |
| **Épaisseur**          | Définit l'épaisseur de la barre de progression dans le cercle, permettant un affichage plus prononcé ou plus discret.  |
| **Direction**          | Détermine la direction dans laquelle la barre de progression se remplit (par ex. dans le sens horaire ou antihoraire). |
| **Titre**              | Un élément de texte supplémentaire est généralement utilisé pour une description plus détaillée ou un titre.           |
| **Position du titre**  | Spécifie le placement du titre par rapport au cercle de progression (par ex. en haut, en bas).                         |
| {% endtab %}           |                                                                                                                        |

{% tab title="🎨 Style" %}

| Nom           | Description                                                          |
| ------------- | -------------------------------------------------------------------- |
| **Étiquette** | Couleur grise, style de police normal, poids moyen.                  |
| **Valeur**    | Couleur bleue, poids gras pour mettre en évidence.                   |
| **Barre**     | Couleur bleue pour la barre de progression, arrière-plan gris clair. |
| **Titre**     | Couleur noire, style normal, poids gras, limité à une ligne.         |
| {% endtab %}  |                                                                      |
| {% endtabs %} |                                                                      |