<clr-modal
  [clrModalOpen]="open"
  [clrModalClosable]="false"
  [clrModalStaticBackdrop]="true"
  [clrModalSize]="'sm'"
>
  <h3 class="modal-title">Validating cells</h3>
  <div class="modal-body bulk-validation-body">
    <div class="bulk-validation-row">
      <clr-spinner clrSmall></clr-spinner>
      <span class="bulk-validation-text">
        Validating {{ done }} / {{ total }}…
      </span>
    </div>
    <clr-progress-bar
      class="bulk-validation-progress"
      [clrValue]="done"
      [clrMax]="total"
    ></clr-progress-bar>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-outline" (click)="onCancel()">
      Cancel
    </button>
  </div>
</clr-modal>
