Mit Ihrer Nutzung dieser Website stimmen Sie der Verwendung von Cookies zu. Wenn Sie die Cookie-Einstellungen in Ihrem Browser ändern, sind bestimmte Funktionen nicht mehr verfügbar. Um mehr Informationen zu erhalten lesen Sie bitte die
Datenschutzerklärung
Notwendig
Statistiken
Externe Medien
Marketing
W-P Zusatz-Tools
W-P Reseller Shop
Intern
angemeldet bleiben?

Grundlegende Fortschrittsanzeige

Ein Standard-Fortschrittsbalken in W-P® CMS Portal Mobil sieht folgendermaßen aus:

Grundlegende Fortschrittsanzeige

Hier mal eine Live Ansicht!

70% Complete

Fortschrittsbalken mit Label

Ein Fortschrittsbalken mit einem Label sieht folgendermaßen aus:

Fortschrittsbalken mit Text ( % Zahl )

Hier mal eine Live Ansicht!

70%

Farbige Fortschrittsbalken

Kontextklassen werden verwendet, um "Bedeutung durch Farben" zu liefern.

Farbiger Fortschrittsbalken in grün mit Text

Hier mal eine Live Ansicht!

40% Komplett (grün)

Farbiger Fortschrittsbalken in türkis-blau mit Text

Hier mal eine Live Ansicht!

50% Komplett (blau)

Farbiger Fortschrittsbalken in orange-gelb mit Text

Hier mal eine Live Ansicht!

60% Komplett (gelb)

Farbiger Fortschrittsbalken in rot mit Text

Hier mal eine Live Ansicht!

70% Komplett (rot)

Gestreifte Fortschrittsbalken

Fortschrittsbalken können auch gestreift sein:

Gestreift Fortschrittsbalken in grün mit Text

Hier mal eine Live Ansicht!

40% Komplett (grün)

Gestreifte Fortschrittsbalken in türkis-blau mit Text

Hier mal eine Live Ansicht!

50% Komplett (türkis-blau)

Gestreifte Fortschrittsbalken in orange-gelb mit Text

Hier mal eine Live Ansicht!

60% Komplett (orange-gelb)

Gestreift Fortschrittsbalken in rot mit Text

Hier mal eine Live Ansicht!

70% Komplett (rot)

Animierte Fortschrittsanzeige

Setzen Sie die Class.active ein , um die Fortschrittsanzeige zu animieren:

Animierte Fortschrittsanzeige mit Text in grün

Hier mal eine Live Ansicht!

40% Komplett (grün)

Animierte Fortschrittsanzeige mit Text in türkis-blau

Hier mal eine Live Ansicht!

50% Komplett (türkis-blau)

Animierte Fortschrittsanzeige mit Text in orange-gelb

Hier mal eine Live Ansicht!

60% Komplett (orange-gelb)

Animierte Fortschrittsanzeige in rot

Hier mal eine Live Ansicht!

70% Komplett (rot)