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

# AX - Fortschrittsbalken

## Übersicht

**AX - Fortschrittsbalken** ist eine Experience Cloud-Komponente, die einen visuellen Fortschrittsindikator anzeigt, der den Abschlussprozentsatz oder das Erreichen eines Ziels auf Experience-Sites-Seiten darstellt.

Verwenden Sie sie, um Portalbenutzern ihren Fortschritt in Richtung Ziele, den Abschlussstatus mehrstufiger Prozesse, den Prozentsatz erfüllter Anforderungen oder eine beliebige numerische Fortschrittskennzahl aus Salesforce-Daten anzuzeigen. Konfigurieren Sie den Fortschrittswert, Beschriftungen, Farben und das Styling im Experience Builder.

Perfekt für den Abschluss des Onboardings, Zielverfolgung, Profilvollständigkeit, Schulungsfortschritt oder überall dort, wo Portalbenutzer visuelles Feedback zu ihrem Fortschritt in Richtung eines Ziels benötigen.

## Konfiguration

### Eigenschaften

**Bezeichnung** ist der angezeigte Text zur Kennzeichnung des Zwecks des Fortschrittsbalkens, der den Benutzern ein klares Verständnis dafür vermittelt, welchen Fortschritt er anzeigt.

**Wert** ist ein numerischer Wert, der den aktuellen Fortschritt darstellt — den Prozentsatz oder Bruchteil der Aufgabe oder des Prozesses, der abgeschlossen wurde. **Gesamt** ist die Zahl, die für 100 % Fortschritt erreicht werden muss (Standard ist 100).

**Wertbeschriftung** ist die neben dem Wert angezeigte Beschriftung, oft als Prozentsatz oder Bruchteil, die eine textuelle Darstellung des Fortschritts liefert. **Wertposition** platziert sie relativ zum Balken: `Oben rechts`, `Links`, `Rechts`, `Oben links`, `Unten rechts`, oder `Unten links`.

**Größe** legt die Dicke des Fortschrittsbalkens fest: `Voll`, `X-klein`, `Klein`, `Mittel`, oder `Groß`.

**Ausrichtung** legt die Richtung fest, in der sich der Balken füllt — `Horizontal` oder `Vertikal` — und richtet sie an der Flussrichtung des umgebenden Inhalts aus.

**Wert anzeigen** schaltet die Anzeige der Fortschrittswert-Beschriftung um, sodass Sie den numerischen Fortschritt direkt auf dem Balken anzeigen oder das Design sauber und minimalistisch halten können.

**Variante** legt die Form des Fortschrittsbalkens fest: `Basis` für einen geraden Balken oder `Kreisförmig` für einen runden Indikator.

**Texturiert** fügt dem Fortschrittsbalken einen texturierten Effekt hinzu, für ein dynamischeres, taktiles Erscheinungsbild.

**Thema** wendet ein vordefiniertes Farbschema an, das die Art oder den Status des Fortschritts anzeigt: `Basis`, `Alt invers`, `Fehler`, `Info`, `Invers`, `Offline`, `Erfolg`, oder `Warnung` — zum Beispiel, `Erfolg` für abgeschlossene Aufgaben oder `Warnung` für ausstehende Aktionen.

**Dicke** passt die Dicke des Fortschrittsbalkens an: `Mittel`, `X-klein`, `Klein`, oder `Groß`.

**Alternativtext** liefert barrierefreien Text, der den Fortschrittsbalken für Screenreader beschreibt.

## Styling

{% tabs %}
{% tab title="Außenabstand" %}
Steuert den äußeren Abstand um den Fortschrittsbalken.
{% endtab %}

{% tab title="Innenabstand" %}
Steuert den inneren Abstand des Fortschrittsbalkens.
{% endtab %}

{% tab title="Bezeichnung" %}

* **Farbe / Schriftgröße / Schriftstil / Schriftstärke:** Gestalten Sie den Beschriftungstext.
  {% endtab %}

{% tab title="Wert" %}

* **Farbe / Schriftgröße / Schriftstil / Schriftstärke:** Gestalten Sie den Werttext.
  {% endtab %}

{% tab title="Themenfarben" %}
Jedes Thema (**Basis**, **Alt invers**, **Fehler**, **Info**, **Invers**, **Offline**, **Erfolg**, **Warnung**) stellt Folgendes bereit:

* **Farbe:** Die Farbe der Leiste.
* **Farbe für abgeschlossen:** Die Farbe des gefüllten/abgeschlossenen Abschnitts.
  {% 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-de/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.