ng5-progress
Please support this project by simply putting a Github star. Share this library with friends on Twitter and everywhere else you can.
Progress loader for Angular 5 include interceptor. Can be integrate with 3rd parties javascript library.
Follow me to be notified about new releases.
Features
- Support Angular AoT.
- Http interceptor
- Buildin Loader
- Integrate with 3rd parties javascript library, like nProgress and more.
- Support initial buffer.
Why you should use buffer option?
Sometimes you have many http requests. Some of those requests are may taking a less then one second. So you may consider to show the indicator after three seconds, The buffer option allow you to do that. Buffer is zero by default
Example
ng5-Progress and Example folder in this repo.
Installation
npm install ng5-progress --save
For SystemJS
If you use SystemJS to load your files, you might have to update your config:
System;
Default Usage
1. Update the markup
Update your root Module for example app.module
;;;;
Example for custom 3rd party loader with angular/cli
NProgress.js
1. DownloadDownload nProgress from CDN to
assets
folder:
- https://cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.css
- https://cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.js
2. Import the files to the cli
Import nprogress.js
and nprogress.css
to .angular-cli.json
"styles": ,"scripts":
3. Update the markup
Update your root Module for example app.module
;;;; declare ;