Help Combining NProgress with Barba JS

[MrUltimate]

Hello,

Thanks for this amazing library. I quickly wanted to ask help on how I can combine this library with Barba.js? I see the implementation for TurboLinks but I don't quite understand how I can implement this with Barba.js's PJAX states.

Thanks in advance.

[aswinkumar863]

Hello @MrUltimate ,

try this

NProgress.configure({ showSpinner: false });
Barba.Pjax.start();

var HideShowTransition = Barba.BaseTransition.extend({
    start: function () {
        this.newContainerLoading.then(this.finish.bind(this));
        NProgress.start();
    },
    finish: function () {
        NProgress.done();
        this.done();
    }
});
Barba.Pjax.getTransition = function () {
    return HideShowTransition;
};