title: How to Show Div During Load with Pace.JS
body: <p>I'm using Pace.JS to display a loader anytime I make AJAX calls to a REST service.  Pace is working perfectly here except, the page is still interactive while the loader is spinning.  I really don't want the page to be interactive while I'm trying to load data.</p>
  
  <p>To fix this, I want to SHOW a div (white with a high opacity to simulate a modal) with a Z-Index of 1999 covering the entire page (width/height = 100%) while the Pace.JS loading animation is active (at Z-Index 2000 so it's sitting on top of the modal), and hide the div when the Pace.JS loading animation is complete to limit what a user can interact with while I'm loading data.</p>
  
  <p>I've seen the events (start, restart, hide) on the Pace.JS hubspot homepage (<a href="http://github.hubspot.com/pace/">http://github.hubspot.com/pace/</a>) but there are no examples of actually using it and everything I've tried hasn't worked.</p>
  
  <p>Can someone post an example of how to do what I'm looking for?  It would really, really help me.  Thanks!</p>