A Pen by A Non Ymous.

index.haml

.wrapper
  %ul.loader
    -(1..3).each do
      %li

Minimal-loader.markdown

Minimal loader

A Pen by Anonasaurus Rex on CodePen.

License.

style.scss

@import "compass";
$count:3;
$dur:3s;
.loader{
  list-style-type:none;
  float:left;
  
  li {
    display:inline-block;
    height:8px;
    width:8px;
    background:#f7f7f7;
    border:1px solid #eee;
    //border-radius:50%;
    //transition:opacity $dur ease;
    animation:bounce $dur infinite ease;
    @for $i from 1 through $count{
      &:nth-of-type(#{$i}){
        animation-delay:$i*$dur/$count;
      }
    }
  }
}

@keyframes bounce{
  0%,25%{transform:translateY(0em)}
  12.5%{transform:translateY(-1em)}
}

html,body{background:white;}
.wrapper{position:absolute;top:50%;left:50%;transform:translateX(-5em) translateY(-3em)}