AX - Fortschrittsbalken

Überblick

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

Verwenden Sie sie, um Portalbenutzern ihren Fortschritt zu Zielen, den Abschlussstatus von mehrstufigen Prozessen, den Prozentsatz erfüllter Anforderungen oder jede numerische Fortschrittsmetrik aus Salesforce-Daten anzuzeigen. Konfigurieren Sie den Fortschrittswert, Beschriftungen, Farben und das Styling im Experience Builder.

Perfekt für Abschluss von Onboarding, Zielverfolgung, Profilvollständigkeit, Trainingsfortschritt oder überall dort, wo Portalbenutzer visuelles Feedback zu ihrem Fortschritt gegenüber einem Ziel benötigen.

Einstellungen

🎛️ Eigenschaften

Name	Beschreibung	Verwendung
Beschriftung	Der angezeigte Text zur Identifizierung des Zwecks des Fortschrittsbalkens.	Implementieren Sie diese Eigenschaft, um den Benutzern ein klares Verständnis dafür zu geben, welchen Fortschritt der Balken anzeigt.
Wert	Ein numerischer Wert, der den aktuellen Fortschritt darstellt.	Legen Sie diese Eigenschaft fest, um den Prozentsatz oder Bruchteil der Aufgabe oder des Prozesses widerzuspiegeln, der abgeschlossen wurde.
Wertbeschriftung	Die Beschriftung, die neben dem Wert angezeigt wird, oft als Prozentsatz oder Bruch.	Verwenden Sie dies, um eine textliche Darstellung des Fortschrittswerts zu geben und den Benutzern Klarheit zu verschaffen.
Wertposition	Position der Wertbeschriftung in Bezug auf den Fortschrittsbalken. Optionen umfassen Oben rechts, Links, Rechts, Oben links, Unten rechts, und Unten links.	Wählen Sie eine Wertposition, die die Lesbarkeit verbessert und zum Design des umgebenden Inhalts passt.
Größe	Die Dicke des Fortschrittsbalkens. Optionen umfassen Voll, Extra klein, Klein, Mittel, und Groß.	Wählen Sie eine Größe, die sicherstellt, dass der Fortschrittsbalken auffällig und harmonisch mit dem Gesamtlayout des Designs ist.
Ausrichtung	Die Richtung, in der sich der Fortschrittsbalken füllt. Kann eingestellt werden auf Horizontal oder Vertikal.	Richten Sie die Orientierung an dem Layout und der Flussrichtung des Inhalts aus, um eine intuitive Fortschrittsvisualisierung zu gewährleisten.
Wert anzeigen	Ein Schalter, um die Anzeige der Wertbeschriftung ein- oder auszublenden.	Verwenden Sie diese Einstellung, um entweder den numerischen Fortschritt direkt auf dem Balken zur Referenz für den Benutzer anzuzeigen oder das Design sauber und minimalistisch zu halten.
Variante	Die Form des Fortschrittsbalkens. Optionen sind Basis für einen geraden Balken oder Zirkulär für einen runden Fortschrittsanzeiger.	Wählen Sie eine Variante, die am besten zum Designmotiv der Site und zur Art des angezeigten Fortschritts passt.
Strukturiert	Fügt dem Fortschrittsbalken einen strukturierten Effekt für zusätzliche visuelle Details hinzu.	Wenden Sie diese Eigenschaft an, um dem Fortschrittsbalken ein dynamischeres und taktileres Erscheinungsbild zu verleihen.
Thema	Vordefinierte Farbthemen, die die Art oder den Status des Fortschritts anzeigen. Verfügbare Themen umfassen Basis, Alt Invers, Fehler, Info, Invertiert, Offline, Erfolg, und Warnung.	Wählen Sie ein Thema, um unterschiedliche Bedeutungen zu vermitteln—for Beispiel verwenden Sie Erfolg für abgeschlossene Aufgaben oder Warnung für ausstehende Aktionen.
Dicke	Passen Sie die Dicke des Fortschrittsbalkens an. Optionen umfassen Mittel, Extra klein, Klein, und Groß.	Wählen Sie die Dicke, die die Auffälligkeit des Fortschrittsbalkens sicherstellt und ästhetisch mit anderen Seitenelementen kompatibel ist.

🎨 Styling