NgxOverlaySpinner

import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
// Import library module
import { NgxOverlaySpinnerModule } from "ngx-overlay-spinner";
 
@NgModule({
  imports: [
    // ...
    NgxOverlaySpinnerModule
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
export class AppModule {}

import { NgxOverlaySpinnerService } from "ngx-overlay-spinner";
 
class AppComponent implements OnInit {
  constructor(private overlaySpinner: NgxOverlaySpinnerService) {}
 
  ngOnInit() {
    /** spinner starts on init */
    this.overlaySpinner.show();
 
    setTimeout(() => {
      /** overlaySpinner ends after 5 seconds */
      this.overlaySpinner.hide();
    }, 3000);
  }
}