/* *********************************************************************** */
.loader {
  position: relative;
  width: 10em;
  height: 2em;
  border: 1px solid #2980b9;
  border-radius: 3px;
  padding: 0;
  overflow: hidden; }

.loader-complete span {
  display: block;
  position: absolute;
  text-shadow: 0px -1px 0px #FFF, 0px 1px 0px #000;
  left: 0;
  top: 0;
  height: 100%;
  background: #1663c7;
  overflow: hidden; }

.loader-incremental {
  background-image: repeating-linear-gradient(-45deg, #2980b9, #2980b9 11px, #eee 10px, #eee 20px);
  background-size: 28px 28px;
  animation: move .5s linear infinite; }

@keyframes move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 28px 0; } }