How to use Pace.Js

Do you want to add a nice loading bar on top of your pages similar to YouTube’s beautiful progress indicator?

This plugin pretty much does everything for us automatically, all we have to do is to include the Pace.Js and a custom loading style that you wish to apply into your website.

Download Pace.Js

It is advisable that you include these 2 files first thing on the header of your website.

1
2
3
4
<head>
    <script src="/pace/pace.js"></script>
        <link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
</head>

Download your preferred style bellow: