<div class="progress-bar-wrapper">
  @if (showLabel) {
    <div class="progress-bar-label">
      <span class="visually-hidden">{{ 'it.core.progress' | translate }} </span>{{ value }}%
    </div>
  }
  <div class="progress" [class.progress-color]="!!color" [class.progress-indeterminate]="indeterminate">
    @if (indeterminate) {
      <div class="progress-bar{{ bgColor }}" role="progressbar"></div>
    } @else {
      <div
        class="progress-bar{{ bgColor }}"
        role="progressbar"
        [style.width.%]="value"
        [attr.aria-valuenow]="value"
        aria-valuemin="0"
        aria-valuemax="100"></div>
    }
  </div>
</div>
