<div class="progress-wrapper" *ngIf="capacities">
  <ng-container *ngFor="let item of capacities">
    <div>
      <lib-progress-bar [progress]="item.utilized / item.available"></lib-progress-bar>
    </div>
    <div>
      <span>{{ item.name }}: {{ item.utilized }} von {{ item.available }} {{ item.label }}</span>
    </div>
  </ng-container>

  <div class="note" *ngIf="showOverflowMessage">
    <span class="align-center">Wählen Sie die Abteilung aus, die Sie remittieren möchten.</span>
  </div>
</div>
