ng-network-loader is an angular library that display loading effect on all HTTP request.

This library displays a loading icon on a part of the screen to give the user an idea that the app is not broken but responding to a request.

The loading icon disappears at the end of all network request. ng-network-loader comes with 11 network loading display type and can be set to display at any corner of the web page.

To get started with ng-network-loader

• install the module: npm i ng-network-loader

• add NetworkLoaderModule to your app.module.ts

• add <ng-network-loader [loaderType]="0 to 10" [loaderPosition]="1 to 4"> at the bottom of your app.component.html

  Note: loaderType is the loading icon to be displayed while loaderPosition is the the position to display the loading icon.

• To use the default setting just add at the bottom of the app.component.html

• See Documentation on https://ng-network-loader.web.app/