Sha256: 1448fb41c416b3abafe6eb186d69f342609677f94427c62a56c962821a4fdd54

Contents?: true

Size: 1.39 KB

Versions: 4

Compression:

Stored size: 1.39 KB

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(91,146,250,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

4 entries across 4 versions & 1 rubygems

Version Path
active_frontend-4.5.1 vendor/assets/stylesheets/progress.scss
active_frontend-4.5.0 vendor/assets/stylesheets/progress.scss
active_frontend-4.0.1 vendor/assets/stylesheets/progress.scss
active_frontend-4.0.0 vendor/assets/stylesheets/progress.scss