V rámci zombie apokalypsy budete mít málo času.

Řekněme, že píšete vaši sociální síť a chcete přidat takový ty pruhy, jako že je stránka “under construction”.

<p>Site under construction... <progress>still not there</progress></p>

Nebo když víte, že už se blížíte ke konci programování:

<progress value="75" max="100">3/4 complete</progress>

Nebo třeba chcete u jednotlivých lidí v sociální síti ukazovat, jak jsou na tom se zdravím. Místo “David Grudl is in a relationship” můžete mít něco takovéhoto:

David Grudl je na tom špatně: <meter min="0" max="100" low="40" high="90" optimum="100" value="5">na umření</meter>

Tohle byste dnes dělali s pomocí Photoshopu a trvalo by vám to den odladit. Takhle je to otázka pár vteřin a pak už zase můžete mlátit nemrtvoly po pařátech.

See: http://slides.html5rocks.com/#semantic-tags-2