CMS: Einen Fortschrittsbalken hinzufügen und einrichten
7 Min. Lesezeit
Füge einen Fortschrittsbalken hinzu, um den Fortschritt beim Erreichen eines Ziels visuell darzustellen. Du kannst Velo-Codierung oder ein CMS-Sammlungsfeld verwenden, um den Fortschrittswert darzustellen. Für den Zielwert kannst du einen statischen Wert festlegen, der sich nicht ändert, oder einen dynamischen Wert mit Velo festlegen oder ein Sammlungsfeld verbinden.

Beispiele für die Verwendung von Fortschrittsbalken:
- Anzeigen, wie viele Aufgaben auf einer To-Do-Liste als „erledigt“ markiert sind
- Prozentsatz der Schritte anzeigen, die während eines Onboarding-Prozesses abgeschlossen wurden
- Betrag anzeigen, der für ein Spendenziel gesammelt wurde
- Anzahl der Personen anzeigen, die eine Petition unterzeichnet haben, für die eine bestimmte Anzahl von Stimmen erforderlich ist
Tipp:
Du kannst Velo verwenden, um den Wert des Fortschrittsbalkens zu aktualisieren, ohne eine Verbindung zum CMS herstellen zu müssen. Mehr erfahren im Artikel Mit dem Fortschrittsbalken-Element arbeiten (Artikel nur auf Englisch verfügbar).
Bevor du loslegst:
Du musst das CMS hinzufügen und eine Sammlung erstellen, die ein Zahlenfeld für deinen Fortschrittswert enthält.
Um einen Fortschrittsbalken hinzuzufügen und einzurichten:
Wix Editor
Studio Editor
- Öffne deinen Editor.
- Achte darauf, dass du in deinem Editor Velo aktiviert hast:
- Klicke oben auf Dev-Modus.
- Klicke auf Dev-Modus aktivieren.
- Klicke auf der linken Seite des Editors auf Elemente hinzufügen
.
- Klicke auf Interaktiv.
- Klicke unter Indikatoren auf Fortschrittsbalken.
- Klicke und ziehe den Fortschrittsbalken deiner Wahl auf die Seite.
- Wähle, ob du den Zielwert als dynamischen Wert oder statischen Wert festlegen möchtest:
Dynamischer Zielwert
Statischer Zielwert