watch progress download

progressDownload.ts

import { HttpEventType, HttpClient, HttpRequest, HttpEvent } from '@angular/common/http';

constructor(private http: HttpClient) {}

this.http.get(someUrl).subscribe((event: HttpEvent) => {

  if (event.type === HttpEventType.DownloadProgress) {
    const totalLoaded = event.loaded;
    const totalToLoad = event.total;
    // here is the ratio
    const ratio = 100 / totalToLoad * totalLoaded;
  }

  // you have finished
  if (event.type === HttpEventType.Response) {
    console.log('done');
  }

})