Fortschrittselement in Firefox

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Das <progress>-Element ist in den Firefox-Nighties gelandet, eines der neuen HTML5-Formular-bezogenen Elemente. Besonders hervorzuheben ist, dass die Möglichkeit, es über Pseudo-Elemente zu stylen, sofort freigeschaltet wurde. Mounir Lamouri klärt uns auf

… das Fortschrittselement besteht aus zwei div's. Auf das äußere div können Sie zugreifen, indem Sie progress stylen, und auf das innere mit ::-moz-progress-bar

Ich wünschte, alle "Widgets" wären so einfach und unkompliziert zu stylen.

Direkter Link →