> 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-bar.md).

# AX - Barre de progression

## Aperçu

**AX - Barre de progression** est un composant Experience Cloud qui affiche un indicateur visuel de progression montrant le pourcentage d'achèvement ou l'atteinte d'un objectif sur les pages Experience Sites.

Utilisez-le pour montrer aux utilisateurs du portail leur progression vers des objectifs, l'état d'avancement de processus à plusieurs étapes, le pourcentage d'exigences satisfaites, ou tout indicateur numérique de progression issu des données Salesforce. Configurez la valeur de progression, les libellés, les couleurs et le style dans Experience Builder.

Idéal pour l'achèvement de l'intégration, le suivi des objectifs, l'exhaustivité du profil, la progression de la formation, ou partout où les utilisateurs du portail ont besoin d'un retour visuel sur leur avancement vers une cible.

## Configuration

### Propriétés

**Libellé** est le texte affiché pour identifier l'objectif de la barre de progression, donnant aux utilisateurs une compréhension claire de la progression qu'elle indique.

**Valeur** est une valeur numérique représentant la progression actuelle — le pourcentage ou la fraction de la tâche ou du processus qui a été achevée. **Total** est le nombre à atteindre pour obtenir 100 % de progression (par défaut 100).

**Libellé de la valeur** est le libellé affiché à côté de la valeur, souvent sous forme de pourcentage ou de fraction, donnant une représentation textuelle de la progression. **Position de la valeur** le place par rapport à la barre : `En haut à droite`, `Gauche`, `Droite`, `En haut à gauche`, `En bas à droite`, ou `En bas à gauche`.

**Taille** définit l'épaisseur de la barre de progression : `Pleine`, `Très petite`, `Petit`, `Moyen`, ou `Grand`.

**Orientation** définit la direction dans laquelle la barre se remplit — `Horizontale` ou `Verticale` — en l'alignant sur le flux du contenu environnant.

**Afficher la valeur** active ou désactive l'affichage du libellé de la valeur de progression, vous permettant d'afficher la progression numérique directement sur la barre ou de conserver un design épuré et minimaliste.

**Variante** définit la forme de la barre de progression : `Base` pour une barre rectiligne ou `Circulaire` pour un indicateur rond.

**Texturé** ajoute un effet texturé à la barre de progression pour un aspect plus dynamique et tactile.

**Thème** applique un thème de couleur prédéfini qui indique la nature ou l'état de la progression : `Base`, `Inverse alternatif`, `Erreur`, `Info`, `Inverse`, `Hors ligne`, `Succès`, ou `Avertissement` — par exemple, `Succès` pour les tâches terminées ou `Avertissement` pour les actions en attente.

**Épaisseur** ajuste l'épaisseur de la barre de progression : `Moyen`, `Très petite`, `Petit`, ou `Grand`.

**Texte alternatif** fournit un texte accessible décrivant la barre de progression pour les lecteurs d'écran.

## Style

{% tabs %}
{% tab title="Marge" %}
Contrôle l'espacement externe autour de la barre de progression.
{% endtab %}

{% tab title="Rembourrage" %}
Contrôle l'espacement interne de la barre de progression.
{% endtab %}

{% tab title="Libellé" %}

* **Couleur / taille de police / style de police / graisse de police :** Stylisez le texte du libellé.
  {% endtab %}

{% tab title="Valeur" %}

* **Couleur / taille de police / style de police / graisse de police :** Mettez en forme le texte de la valeur.
  {% endtab %}

{% tab title="Couleurs du thème" %}
Chaque thème (**Base**, **Inverse alternatif**, **Erreur**, **Info**, **Inverse**, **Hors ligne**, **Succès**, **Avertissement**) expose :

* **Couleur :** La couleur de la piste.
* **Couleur de remplissage :** La couleur de la partie remplie/terminée.
  {% 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-fr/experience-components/ax-progress-bar.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.