| 776 |
lars |
1 |
pace
|
|
|
2 |
====
|
|
|
3 |
|
|
|
4 |
An automatic web page progress bar.
|
|
|
5 |
|
|
|
6 |
Include [pace.js](https://raw.github.com/HubSpot/pace/v0.4.14/pace.min.js) and a [theme](http://github.hubspot.com/pace/docs/welcome/) of your choice to your page and you are done!
|
|
|
7 |
|
|
|
8 |
Pace will automatically monitor your Ajax requests, event loop lag, document ready state and elements on your page to decide on the progress.
|
|
|
9 |
|
|
|
10 |
If you use AMD or Browserify, require pace.js and call `pace.start()` as early in the loading process as is possible.
|
|
|
11 |
|
|
|
12 |
### [Demo](http://github.hubspot.com/pace/docs/welcome/)
|
|
|
13 |
|
|
|
14 |
### [Documentation](http://github.hubspot.com/pace/)
|
|
|
15 |
|
|
|
16 |
### Example
|
|
|
17 |
|
|
|
18 |
```html
|
|
|
19 |
<head>
|
|
|
20 |
<script src="/pace/pace.js"></script>
|
|
|
21 |
<link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
|
|
|
22 |
</head>
|
|
|
23 |
```
|
|
|
24 |
|
|
|
25 |
|
|
|
26 |
|