title: How to show ionic spinner/loader on top of all pages
body: <p>Is there a way to always show the loader or make it stay when I call it?</p>
  
  <p>I made a public service where the loader is created so that I can always inject and access it on any page.</p>
  
  <p><strong>This is my code:</strong></p>
  
  <pre><code>public loader = this.loadingController.create({
    spinner: 'crescent',
    duration: 5000,
    message: 'Please wait...',
    translucent: true,
    cssClass: 'custom-class custom-loading'
  });
  
  public async loaderPresent() {
    await this.loader.then((overlay)=&gt;{
      overlay.present();
    })
  }
  
  public async loaderDismiss() {
    await this.loader.then((overlay)=&gt;{
      overlay.dismiss();
    })
  }
  </code></pre>
  
  <p><strong>But the problem is:</strong>
  The loader does not stay when the page is programmatically changed.</p>
  
  <p><strong>What I’m trying to achieve is:</strong>
  The loader to be absolute and cover all the automated processes happening under in my app.</p>
  
  <p><strong>Additional Information:</strong>
  I have an inAppBrowser and it covers the loading screen.</p>