implementing site wide progress indicators

I have a website running on the MEAN Stack (mongo, express, angular, node) and I am using jade as the templating engine for serving partial files. Now, I already tried ngProgres but according to the API it can be used along with the $http services or file uploads only as only there my javascript function is waiting for response and during that time I can use ngProgress but how do i show progress indicator while the partial template files are being retrieved?

If you would like all the loading mechanism to happen automatically, have a look at this project:

Angular Loading Bar

An automatic loading bar using angular interceptors. It works automatically,
so simply include it as a dependency and it will automatically display
the progress of your $http requests.

For non-angular apps, see: PACE

an Automatic page load progress bar

Hope this helps.