.progress-bar {
  display: flex;
  background-color: $ui-fleet-black-25;
  height: 10px;
  overflow: hidden;
  border-radius: 2px;
  margin-top: $pad-xsmall;

  &__progress {
    height: 100%;
    overflow: hidden;
    transition: width 300ms ease-in;

    &--error {
      background-color: $ui-error;
    }

    &--success {
      background-color: $ui-success;
    }
  }
}
