Need help with ember-cli-pace?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

128 Stars 31 Forks MIT License 57 Commits 14 Opened issues


Pace.js load progress bar for Ember apps, incl. Flash-like initial script lazy loading

Services available


Need anything else?

Contributors list

Pace.js load progress bar for Ember apps, incl. initial scripts lazy loading

Downloads Code Climate Ember Observer Score David Dependencies

Demo ➜


Using latest Ember-cli, run the command:

ember install ember-cli-pace

or for older versions:

npm install ember-cli-pace && ember g pace

Flash-like initial script loading

Due to application scripts loading may take some time (especially, using mobile networks or ADSL), Ember-cli-pace can load them asynchronously displaying correctly computed progress bar. To enable that feature, just change

attribute to
in your

Therefore, the scripts will be loaded via AJAX, which allows to compute loaded vs total bytes ratio. If your scripts are located on separate host, please note CORS policy.


All options, excluding

related to the addon, are documented on
var ENV = {
  pace: {

// addon-specific options to configure theme
theme: 'minimal',
color: 'blue',

// pace-specific options
// learn more on
//           and
catchupTime: 50,
initialRate: .01,
minTime: 100,
ghostTime: 50,
maxProgressPerFrame: 20,
easeFactor: 1.25,
startOnPageLoad: true,
restartOnPushState: true,
restartOnRequestAfter: 500,
target: 'body',
elements: {
  checkInterval: 100,
  selectors: ['body', '.ember-view']
eventLag: {
  minSamples: 10,
  sampleCount: 3,
  lagThreshold: 3
ajax: {
  trackMethods: ['GET', 'POST', 'DELETE', 'OPTIONS'],
  trackWebSockets: true,
  ignoreURLs: []

} };


This addon is bundled with Material spinner theme, which is set by default. See it on demo page.

Pace.js originally provides 14 progress bar themes in 10 colors. See the progress bars and spinners in action:

Pace.js themes

Pace API

More details on Pace events, methods and configuration could be found on

Developing ember-cli-pace

  • git clone
    this repository
  • npm install
  • bower install
  • ember server
  • Visit your app at http://localhost:4200.

For more information on using ember-cli, visit

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.