Contents

/* Table of Contents
==================================================
# Progress */

/* # Progress
================================================== */
@-webkit-keyframes progressBarStripes {
  from { background-position: 40px 0; }
  to   { background-position: 0 0; }
}
@keyframes progressBarStripes {
  from { background-position: 40px 0; }
  to   { background-position: 0 0; }
}
.progress {
  background: rgba(245,248,250,1);
  border-radius: 500px;
  height: 25px;
  overflow: hidden;
}
.progress .bar {
  background: rgba(0,153,255,1);
  box-sizing: border-box;
  color: rgba(255,255,255,1);
  float: left;
  font-size: 13px;
  height: 100%;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  text-align: center;
  width: 0;
}
.progress .bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress .bar-striped.active {
  -webkit-animation: progressBarStripes 2s linear infinite;
  animation: progressBarStripes 2s linear infinite;
}
.progress-mini { height: 8px; }

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
active_frontend-5.0.1	vendor/assets/stylesheets/progress.scss
active_frontend-5.0.0	vendor/assets/stylesheets/progress.scss