/* Primary Colors */
/* Secondary Colors */
/* Derivative Colors */
.aui-progress-indicator {
  background: #e9e9e9;
  border-radius: 3px;
  height: 5px;
  overflow: hidden;
  position: relative;
  /* so that animations work */

  width: 100%;
}
.aui-progress-indicator-value {
  -moz-animation: progressSlide 1s infinite linear;
  -o-animation: progressSlide 1s infinite linear;
  -webkit-animation: progressSlide 1s infinite linear;
  animation: progressSlide 1s infinite linear;
  background: transparent;
  background-size: 20px 5px;
  background-image: -webkit-linear-gradient(0deg, #cccccc 50%, transparent 50%, transparent 100%);
  background-image: -moz-linear-gradient(0deg, #cccccc 50%, transparent 50%, transparent 100%);
  background-image: -o-linear-gradient(0deg, #cccccc 50%, transparent 50%, transparent 100%);
  background-image: linear-gradient(90deg, #cccccc 50%, transparent 50%, transparent 100%);
  border-radius: 3px;
  display: block;
  height: 5px;
  -webkit-transform: skewx(45deg);
  transform: skewx(45deg);
  position: absolute;
  width: 100%;
}
@-moz-keyframes progressSlide {
  0% {
    background-position: 20px;
  }
  100% {
    background-position: 0;
  }
}
@-o-keyframes progressSlide {
  0% {
    background-position: 20px;
  }
  100% {
    background-position: 0;
  }
}
@-webkit-keyframes progressSlide {
  0% {
    background-position: 20px;
  }
  100% {
    background-position: 0;
  }
}
@keyframes progressSlide {
  0% {
    background-position: 20px;
  }
  100% {
    background-position: 0;
  }
}
.aui-progress-indicator[data-value] .aui-progress-indicator-value {
  background: #3b73af;
  border-radius: 3px 0 0 3px;
  -webkit-transition: width 0.5s;
  /* still need this for safari */

  transition: width 0.5s;
  -webkit-transform: skewx(0);
  transform: skewx(0);
}
.aui-progress-indicator-static[data-value] .aui-progress-indicator-value {
  -webkit-transition: none;
  /* still need this for safari */

  transition: none;
}
/* Special rule for progress bar at 100%, needs to be round at the end */
.aui-progress-indicator[data-value="1"] .aui-progress-indicator-value {
  border-radius: 3px;
}
