@ngx-progressbar/http-client v3.0.2

Use this package to start and complete the progress bar on http requests, See HttpClient stackblitz

Install with npm

  npm install @ngx-progressbar/core @ngx-progressbar/http-client --save

Import NgProgressModule and NgProgressHttpClientModule

import { HttpClientModule } from '@angular/common/http';
import { NgProgressModule } from '@ngx-progressbar/core';
import { NgProgressHttpClientModule } from '@ngx-progressbar/http-client';

@NgModule({
  imports: [
    HttpClientModule,
    NgProgressModule.forRoot(),
    NgProgressHttpClientModule
  ],
})
export class AppModule {
}

In your template

<ng-progress></ng-progress>