//
// Progress bars
// --------------------------------------------------

// Bar animations
// -------------------------

// WebKit
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

// Spec and IE10+
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  border-radius: $progress-border-radius;
  height: ceil($grid-unit-y * 0.5);
  margin-bottom: 0;

  @include themes(background-color, progress-bg);

  &-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: $font-size-small;
    line-height: $line-height-computed;
    color: $progress-bar-color;
    text-align: center;
    background-color: $progress-bar-bg;

    @include transition(width 0.6s ease);
  }

  // Caption
  // ----------------------

  &-caption {
    font-weight: $font-weight-regular;
    font-size: $font-size-large;
    line-height: $grid-unit-y * 3;
    margin-top: $grid-unit-y;

    @include themes(color, color-new-body-light);
  }

  // Variations
  // -------------------------

  &-bar-success {
    @include progress-bar-variant($progress-bar-success-bg);
  }

  &-bar-info {
    @include progress-bar-variant($progress-bar-info-bg);
  }

  &-bar-warning {
    @include progress-bar-variant($progress-bar-warning-bg);
  }

  &-bar-danger {
    @include progress-bar-variant($progress-bar-danger-bg);
  }
}