Zur Startseite

Fortschrittsbalken

Ein Fortschrittsbalken kann verwendet werden, um einem Benutzer anzuzeigen, wie weit sich ein Prozess befindet. W-P® bietet verschiedene Arten von Fortschrittsbalken an

.

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)

Gestreift Fortschrittsbalken in türkis-blau mit Text

Hier mal eine Live Ansicht!

50% Komplett (türkis-blau)

Gestreift 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 mit Text in rot

Hier mal eine Live Ansicht!

70% Komplett (rot)
Translator
Counter - Statistik
Wer ist Online
W-P Reseller Shop