<div class="progress-wrap progress">
  <div class="progress-bar progress"></div>
</div>
@import "compass/css3";

.progress {
  height: 30px;
  width: 400px;
}

.progress-wrap {
  background: #5FD9FF;
  margin: 100px auto;
  overflow: hidden;
  position: relative;
  
  .progress-bar {
    animation: run 4s ease-in-out infinite;
    background: rgba(248,248,248,1);
    left: 0;
    position: absolute;
    top: 0;
  }
}

@keyframes run {
  0% {
    left: 0;
  }
  
  50% {
    left: 20%;
  }
  
  100% {
    left: 100%;
  }
}

View Compiled
/*
  Developed with love by Blu Frame

  http://blufra.me  
*/
Rerun