Question 1

How do I change the Pace progress bar theme?

Accepted Answer

Include a different CSS file from the Pace theme library or add custom classes via the className option in paceOptions. The documentation provides multiple pre-built themes to choose from, such as default or minimal styles.

Question 2

Pace vs NProgress: which should I use?

Accepted Answer

Pace offers automatic detection out of the box, while NProgress requires manual control. Choose Pace for hands-off setup on AJAX-heavy sites, but NProgress if you need finer-grained control over progress updates and animations.

Question 3

How to disable Pace for certain AJAX calls?

Accepted Answer

Wrap the AJAX request in a Pace.ignore() callback or use the ignoreURLs option in configuration to exclude specific URLs from tracking. This is detailed in the README's tracking section.

Question 4

Does Pace work with frameworks like React or Vue?

Accepted Answer

Yes, Pace can be integrated by including the script and CSS, but for optimal control in component-based apps, you may need to use the API methods like start and stop within lifecycle hooks, as it's not framework-specific.

Question 5

How to manually restart the Pace progress bar?

Accepted Answer

Call Pace.restart() in your JavaScript code. This is useful for AJAX navigation or custom events where you want to reset the progress indicator, as mentioned in the API section of the README.

Question 6

Why is Pace not showing on my single-page application?

Accepted Answer

Ensure Pace.start() is called early in the loading process, and check that AJAX tracking is enabled. For SPAs, you might need to handle route changes manually with Pace.restart() or adjust restartOnPushState options.

pace

What is pace?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions