How to show ionic spinner/loader on top of all pages

Is there a way to always show the loader or make it stay when I call it?

I made a public service where the loader is created so that I can always inject and access it on any page

This is my code for the loaders:

 public async loaderPresent() {
    await this.loader.then((overlay)=>{
      overlay.present();
    })
  }

  public async loaderDismiss() {
    await this.loader.then((overlay)=>{
      overlay.dismiss();
    })
  }

But the problem is:
The loader does not stay when the page is programmatically changed.

What I’m trying to achieve is:
The loader to be absolute and cover all the automated processes happening under in my app.

Additional Information:
I have an inAppBrowser and it covers the loading screen