HTML5 Progress Bar

HTML5 has a built-in _<progress> element which makes the addition of progress bars very simple.

e.g.;

_{<progress max="100" value="80"></progress>}

It's widely supported, however, there are significant CSS styling inconsistencies across browsers.

Demo

• Demo site
• Demo project

Resources

• <progress>: The Progress Indicator element | MDN
• The HTML5 progress Element | CSS Tricks

‍