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.
- 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
gapproperties. 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 $ npm install ngx-ui-loader --save