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.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/dfff8cbb-ddcb-4376-8cae-3fedb2dd4458/2019/07/31/21a78e45-8390-4033-808f-6edfb86a28e6/714defe4-64e1-44b1-9826-27b96b4ee179.png)
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
War das hilfreich?
|