Loading bars

I was really impressed by that loading animation by @Marcel so I decided to implement it with HTML+CSS combo.

Full view here (can be out of sync for some reason, try to reload and check editable version): http://codepen.io/MaxStalker/full/AktfK

Edit & fork here: http://codepen.io/MaxStalker/pen/AktfK

You can play with variables at the begining to get different results. For example something like this: http://codepen.io/MaxStalker/pen/yGAxEhttp://codepen.io/MaxStalker/pen/eLkKBhttp://codepen.io/MaxStalker/pen/naDHh

I also decided to add some new software/technologies to the mix so I could study/practice, while doing this piece: - Emacs - to prototype and get used to keyboard shortcuts. Like it so far. - SCSS - for variables and "for-loop" to add different delays to nth-child. - Jade - I decided to use this templating engine instead of javascript to add fixed amount of blocks in a loop.

TODO: Clean CSS. Add top part. Add custom easing function.