When a friend requested a way to present a piece of print media online without losing the novelty created by its multiple folds, we weren't sure if CSS Transforms and Animations would suffice...
A very clean semantic HTML progress bar styled with nothing but CSS, requires only one class to style all steps, finished or unfinished.
This is a baseline grid overlay created using some CSS gradients. it simulates a baseline grid based on
ems which will allow you to size it according to your site's base font size.