ionic tutorial
ionic tutorial

Custom loader in ionic 5

Hello guys i was facing problem while adding custom loader.

Check out this solution.

For ionic 4+

this.myLoading = await this.loadingCtrl.create({ 
  spinner: null,
  message: '<ion-img src="assets/gif/loading.gif"></ion-img>',
  cssClass: 'custom-loading'
await this.myLoading.present();

Add class in theme/variables.scss

ion-loading.custom-loading {
  .loading-wrapper {
    background: transparent !important;
    box-shadow: none !important;

Happy Coding…

Author Profile

Hey Its..! Tech Lover , Ionic, Angular, Typescript, Dotnet Core, Node, Like Opencv, AI, ML, Robotics, Iot, Love Music, Cooking, Girls, Innovation

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

What do you think?

401 Points
Upvote Downvote

5 Ways social media is affecting your mental health and free tools

hacks for skinny guys

Skinny Guys |5 Fashion Hacks For Slim Men.