28 lines
912 B
Markdown
28 lines
912 B
Markdown
|
pace
|
||
|
|
====
|
||
|
|
|
||
|
|
<a href="https://eager.io/app/kYKTiQjoVjQk/install?source=button">
|
||
|
|
<img src="https://install.eager.io/install-button.png" border="0" width="126">
|
||
|
|
</a>
|
||
|
|
|
||
|
|
An automatic web page progress bar.
|
||
|
|
|
||
|
|
Include [pace.js](https://raw.github.com/HubSpot/pace/v1.0.2/pace.min.js) and a [theme](http://github.hubspot.com/pace/docs/welcome/) of your choice to your page and you are done!
|
||
|
|
|
||
|
|
Pace will automatically monitor your Ajax requests, event loop lag, document ready state and elements on your page to decide on the progress.
|
||
|
|
|
||
|
|
If you use AMD or Browserify, require pace.js and call `pace.start()` as early in the loading process as is possible.
|
||
|
|
|
||
|
|
### [Demo](http://github.hubspot.com/pace/docs/welcome/)
|
||
|
|
|
||
|
|
### [Documentation](http://github.hubspot.com/pace/)
|
||
|
|
|
||
|
|
### Example
|
||
|
|
|
||
|
|
```html
|
||
|
|
<head>
|
||
|
|
<script src="/pace/pace.js"></script>
|
||
|
|
<link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
|
||
|
|
</head>
|
||
|
|
```
|