Как получить процент прогресса с Pace.JS

Question

Я использую pace.js для загрузки своего сайта. Но я не хочу использовать темы pace.js. Я хочу построить свою тему.

Есть ли способ, которым я могу добиться прогресса с JQuery?

Я знаю только это funciotns:

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

Answer 1

Просто добавьте это в строку 296:

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

Тогда получите вот так:

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

Answer 2

Я сделал это

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

и позже

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

Answer 3

Вv1.2.4, PaceJS запускаетprogressсобытие - к сожалению, еще не задокументировано. Исходный код: https://github.com/CodeByZach/pace/blob/v1.2.4/pace.js#L297 .

Итак, мы можем привязаться к этому событию следующим образом:

      Pace.on('progress', function (progress) {
  console.log('Current progres:  ', progress);
});

Пример вывода

      Current progres:   7.033010570385887
Current progres:   36.033545715865465
Current progres:   51.343614294233035
Current progres:   67.08097906736533
Current progres:   76.40341932303679
Current progres:   91.56289986667561
Current progres:   100