Custom Loading Indicators For Angular – ngx-loading-x

Author: silvareal
Official Page: Go to website
Publish Date: June 15, 2020
License: MIT


A fresh new, easy to use, and fully configurable loading indicator with app logo and blurred content component for Angular applications.

How to use it:

1. Install the package.

$ npm install ngx-loading-x --save

2. Import the ngx-loading-x module.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { CoreModule } from './core/core.module';
import { NgxLoadingXModule } from 'ngx-loading-x';
  declarations: [AppComponent],
  imports: [
  providers: [],
  bootstrap: [AppComponent]
export class AppModule { }

3. Add a loading indicator to your app.


4. Blur your app background when the loading indicator is activated. OPTIONAL.

<div NgxLoadingXBlur [show]="load">


Custom Loading Indicators For Angular - ngx-loading-x

You Might Be Interested In:

Add Comment