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

Author: t-ho
Publish Date:
Official Page: Go to website
Views Total: 403
License: MIT

Description:

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.

Installation:

# Yarn
$ yarn add ngx-ui-loader

# NPM
$ npm install ngx-ui-loader --save

Preview:

Loader and Progress Bar For Angular-min

Leave a Reply