Gumroad Loader

/* https://jsfiddle.net/4jg3g3hr/1/ */

/*
USE THIS HTML:

<div id="wrapper">
    <div id="loader"></div>
</div>
*/


@-webkit-keyframes loading {
  0% {
    background-position: 0; }
  100% {
    background-position: -150px; } }

@keyframes loading {
  0% {
    background-position: 0; }
  100% {
    background-position: -150px; } }

#wrapper {
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
    height: 100%;
    top: 0px;
    bottom: 0px;
    text-align: center;
    margin: 0 auto;
}

#loader {
-webkit-animation: loading 3s infinite linear;
  animation: loading 3s infinite linear;
  background: -webkit-linear-gradient(left, #f09d1f 0%, #f09d1f 20%, #f09d1f 20%, #eb5d47 20%, #eb5d47 20%, #eb5d47 40%, #cb3246 40%, #cb3246 60%, #cb3246 60%, #962422 60%, #962422 80%, #208488 80%);
  background: linear-gradient(to right, #f09d1f 0%, #f09d1f 20%, #f09d1f 20%, #eb5d47 20%, #eb5d47 20%, #eb5d47 40%, #cb3246 40%, #cb3246 60%, #cb3246 60%, #962422 60%, #962422 80%, #208488 80%);
  height: 5px;
  margin: 0 auto;
  width: 150px;
    margin-top: 25%;
}