Loader and Progress Bar For Angular – ngx-ui-loader

Author: t-ho
Official Page: Go to website
Publish Date: June 11, 2018
License: MIT


An all-in-one and fully customizable loader/spinner for Angular 5+ and Angular 6+ applications.

It supports foreground, background spinner/loader and indicative progress bar.

Main features:

  • Show foreground loader with progress bar
  • The page content can be blurred/frosted while showing foreground loader.
  • Show background loader with different id for different tasks
  • Be able to add logo, loading text
  • Be able to change position of spinners, logo and loading text. NOTE: When they are all set to center-center, the gap between them are adjusted via gap properties. Other position types are ignored. E.g. If the position of foreground spinner and logo are set to bottom-center, they will overlap each other.
  • Be able to change color and size of logo, spinners and progress bar
  • Be able to change the direction of progress bar
  • Automatically show loader for router events.
  • Automatically show loader for http requests.


# Yarn
$ yarn add ngx-ui-loader

$ npm install ngx-ui-loader --save


Loader and Progress Bar For Angular-min

You Might Be Interested In:

Add Comment