Progress Element in Firefox

Avatar of Chris Coyier
Chris Coyier on

UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today.

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 →