@atlassian/aui/lib/css/aui-experimental-progress-indicator.css

Atlassian User Interface Framework

aui-progressbar {
  display: block;
}
.aui-progress-indicator {
  background: rgba(9, 30, 66, 0.13);
  border-radius: 3px;
  height: 6px;
  overflow: hidden;
  position: relative;
  /* so that animations work */
  width: 100%;
}
.aui-progress-indicator-value {
  -webkit-animation: progressSlide 5s infinite ease-in-out;
  animation: progressSlide 5s infinite ease-in-out;
  border-radius: 3px;
  display: block;
  height: 6px;
  transition: none;
  position: absolute;
  width: 10%;
  background: #42526E;
}
@-webkit-keyframes progressSlide {
  0% {
    left: 0%;
  }
  50% {
    left: 90%;
  }
  100% {
    left: 0%;
  }
}
@keyframes progressSlide {
  0% {
    left: 0%;
  }
  50% {
    left: 90%;
  }
  100% {
    left: 0%;
  }
}
.aui-progress-indicator[data-value] .aui-progress-indicator-value {
  -webkit-animation: none;
  animation: none;
  left: 0;
  background: #42526E;
  border-radius: 3px;
  transition: width 0.5s;
}
.aui-progress-indicator-static[data-value] .aui-progress-indicator-value {
  -webkit-animation: none;
  animation: none;
  left: 0;
  transition: none;
}

/*# sourceMappingURL=aui-experimental-progress-indicator.css.map */