How to make a page load progress progress bar?

Navigation
6

How to make a progress bar that loads as the page loads?

Likethissitehere:

link

I saw an example in codepen.io , it kind of looks like this, I do not know as this progress bar is actually called.

    
asked by anonymous 10.06.2015 / 18:46

1 answer

6

You can use pace.js , which is very simple and has several options with cool looks.

To put it into practice just download and add the call: 

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

Then, make the initial settings to customize ( not required) ) pace.js: 

paceOptions = {
  elements: false,
  restartOnRequestAfter: false
}

If you have any questions, you have more details on pace documentation .

    
10.06.2015 / 18:58
Resize an image in a canvas element with js Base64 string signature