nprogress multi instance

Hi, Is it possible to instantiate nprogress multiple time, I wanted to use it in different DOM elements not globally?

Here’s what I’ve done:

$.ajax({
....
beforeSend: function(data) {
   NgProgress.configure({ parent: '#'+element});
   NgProgress.start();
},
success: function(response) {
   NgProgress.done();
}

If I call Ajax in different DOM to get some data, the nprogress will be used one time in one place only for the first ajax call.

[heruan]

This would be great and I’m also looking for a feedback of this being possibile.

Something like this:

var bodyElement = document.body;
var bodyNProgress = new NProgress(bodyElement);

var otherElement = document.getElementById("other");
var otherNProgress = new NProgress(otherElement);

bodyNProgress.start();

[RamyRais]

if you are looking just for this feature, i have it in a forked package https://www.npmjs.com/package/multi-nprogress