@mixin progress---alter() {
}

@mixin progress() {
  display: flex;
  height: $progress-height;
  font-size: $progress-font-size;
  background-color: $progress-bg;
  border-radius: $progress-border-radius;
  overflow: hidden;
  @include progress---alter;
}

@mixin progress__bar---alter() {
}

@mixin progress__bar() {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  background-color: $progress-bar-bg;
  color: $progress-bar-color;
  transition: $progress-bar-transition;
  @include progress__bar---alter();
}

@mixin progress__bar--striped---alter($color, $angle) {
}

@mixin progress__bar--striped {
  $color: rgba($white, 0.15);
  $angle: 45deg;
  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
  background-size: $progress-height $progress-height;
  @include progress__bar--striped---alter($color, $angle);
}

@mixin progress__bar--animated---alter() {
}

@mixin progress__bar--animated() {
  animation: progress-bar-stripes 1s linear infinite;
  @include progress__bar--animated---alter();
}