Just a short time ago, I wrote how to show progress reports for long-running PHP scripts. In that article, we were introduced to an HTML5 addition called the Progress Bar element. It’s a great leap forward for us developers, but some people have pointed out – quite fairly might I add – that the Progress Bar element looks very different across browsers, O/Ses and platforms. In today’s article, we’re going to learn not only how to give the Progress Bar element a consistent appearance across browsers, but how to make it look awesome as well!
For good branding and consistency is important to maintain the same look regardless of whether your website is viewed on Chrome, Safari, Firefox, Edge or Opera.
Using CSS to Make a Visually Consistent Cross-browser HTML5 Progress Bar: From HTML Goodies