Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 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 |