How to use Pace.Js

Date Posted: November 27, 2014, 9:05 am


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:

About author


Carl Victor Fontanos

A fine gentleman specializing in front-end and back-end development with extensive experience building high performance web applications that keeps users engaged and help businesses grow.

 
Hire Me