Progress Element in Firefox

Avatar of Chris Coyier
Chris Coyier on

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit!

The <progress> element has landed in the Firefox nighties, one of the new HTML5 forms related elements. Of particular note is that they exposed the ability to style it via pseudo elements right away. Mounir Lamouri fills us in:

… the progress element is two div’s. You can access to the outer div by styling progress and to the inner one with ::-moz-progress-bar

I wish all “widgets” were this easy and straightforward to style.

Direct Link →