Progress Element in Firefox

Avatar of Chris Coyier
Chris Coyier on

Try Mailchimp today. MailChimp Tracking Pixel

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 →