next-ucap-messenger/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/document-viewer.component.html

<div class="ucap-image-viewer-container">
  <mat-toolbar class="bg-primary-dark">
    <span>Third Line</span>
    <span class="ucap-image-viewer-spacer"></span>
    <mat-icon
      class="example-icon"
      aria-hidden="false"
      aria-label="Example heart icon"
      >favorite</mat-icon
    >
    <mat-icon
      class="example-icon"
      aria-hidden="false"
      aria-label="Example delete icon"
      >delete</mat-icon
    >
  </mat-toolbar>
  <mat-progress-bar
    *ngIf="fileDownloadItem && fileDownloadItem.downloadingProgress$"
    mode="determinate"
    [value]="fileDownloadItem.downloadingProgress$ | async"
  ></mat-progress-bar>
</div>