Horizontal loader in pure CSS animations

This is a horizontal loader similar to the ones in Windows 8 apps (Metro style).

No JavaScript. No GIFs. Just Pure CSS. The code is self-explanatory.

Works in every browser that supports CSS Animations: http://caniuse.com/#feat=css-animation

Demo: http://hrant-khachatrian.github.io/horizontal-loader-metro-style/

Usage

1. Download and link to horizontal-loader.css in your HTML

2. Add the loader div similar to this:

       <div class="loader">
           <div></div>
           <div></div>
           <div></div>
           <div></div>
           <div></div>
       </div>

3. Test in your favorite browser (your favorite browser was not released before 2012, right?)

Feel free to fork and customize!

Licensed under the MIT License

Copyright (c) 2015 Hrant Khachatrian, Zaven Lalayan