CSS3 Progress Bar

Follow me on Twitter | Visit my Website

Funktioniert im Firefox und in Webkit Browsern. Der Trigger ist das versteckte Input Feld. Das onclick im Label ist der iOS Bugfix.

Schwierigkeiten? .. keine .. das Timing muss nat├╝rlich mit dem Ausblenden passen und der "animation-fill-mode" muss auf forwards stehen sonst wird der Ursprungszustand wieder eingeblendet. CSS direkt im Quelltext. Alles ohne JavaScript. FF13 resetet ├╝brigens die Loading Bar nicht .. Chrome 20 tut es.

10 Sekunden CSS3 Loading Bar .. blendet am Ende aus.