如何使用 Pace.JS 获取进度百分比

Question

I am using pace.js to load my website. But i dont want to use pace.js themes. I want to built my theme.

Is there a way that i can get de progress with jquery?

I know only this funciotns:

Pace.on("start", function(){
});
Pace.on("done", function(){
})

Answer 1

Just add this at line 296:

Pace.trigger('update', this.progress);

Then get like this:

Pace.on("update", function(percent){
});

Answer 2

I've done like that

Pace.bar.update = function(prog) {
    Pace.trigger('update', prog)
    this.progress = prog;
    return this.render();
} // override update func to trigger 'update' event

and later

Pace.on('update', progress => {
    console.log('progress -> ', progress);
})