.progress {
  margin-top: 5px;

  .progress-text {
    font-size: 12px;
    text-align: left;
  }

  .progress-value {
    float: right;
  }
  
  .progress-background {
    overflow: hidden;
    min-width: 200px;
    height: 8px;
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  }

  .progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    background-color: #337ab7;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    transition: width .6s linear;

    &.progress-error {
      background-color: $chat-danger;
    }

    &.progress-success {
      background-color: $chat-success;
    }

    &.progress-warning {
      background-color: $chat-warning;
    }

  }
}