<span *ngIf="showLabel" [translate]="'processing.ocr'" class="read-only-text"></span>

<mat-progress-bar
    [class.primary]="progressColor === 'primary'"
    [class.white]="progressColor === 'white'"
    [matTooltip]="numberOfPagesToOCR !== 0 ? numberOfOCRedPages + '/' + numberOfPagesToOCR : ''"
    [mode]="numberOfPagesToOCR === 0 ? 'indeterminate' : 'determinate'"
    [value]="(numberOfOCRedPages / numberOfPagesToOCR) * 100"
    class="ml-8 mr-8 w-100"
></mat-progress-bar>

<span>{{ numberOfOCRedPages / numberOfPagesToOCR | percent : '0.0-0' }}</span>
