Angular 7/8 | HTTP Global Spinner Loader using ng-http-loader Tutorial by Example

In this tutorial, we will implement a global Spinner Loader in the Angular project by using a third-party package. The Spinner loader is shown whenever there is a pending HTTP call using Interceptors. This spinner loader comes with many configuration settings to customize its look and feel in your project.

Angular interceptors were introduced after version 4.3, which are used to handle HTTP calls behavior to the next level. This Loader Spinner also creates an interceptor to show or hide spinner loader automatically, but we can also control it to show/ hide manually for specific situations. Continue reading Angular 7/8 | HTTP Global Spinner Loader using ng-http-loader Tutorial by Example

Angular 7 Material | Add Progress Spinner / Loader in Angular Application Example

In a web application, we generally show a process status by graphical indicators like progress bars and spinners. In this post, we will discuss How to Implement the most common progress indicator Progress bar and Spinners.

Angular Material provides a wide range of web components which are very easy to implement and use in Angular applications. Continue reading Angular 7 Material | Add Progress Spinner / Loader in Angular Application Example

Angular 8/7 | Show Global Progress bar/ Loader on HTTP calls in few steps using Angular Interceptors in Angular 4.3+

Compatible from Angular 4.3 to latest version 7

Angular Interceptors can be used in a number of ways as they provide powerful support to HTTP calls we make from web applications. Web application build using Angular generally makes HTTP calls to the server for dynamic information, so it’s very important to provide information about what’s the status to API calls to users. Loaders/ Spinners and sometimes Progress bars are shown to inform the user that there are some server requests going on.

Continue reading Angular 8/7 | Show Global Progress bar/ Loader on HTTP calls in few steps using Angular Interceptors in Angular 4.3+