How do I append Pace.js to a custom location in the DOM?
<p>I'm using Pace.js (<a href="http://github.hubspot.com/pace/" rel="nofollow">http://github.hubspot.com/pace/</a>) for a basic loader.</p>

<p>It works great with no issues so far. However, what I would like to do, is append the Pace.js HTML to be inside an element of my choice.</p>

<p>The generated HTML looks like:</p>

<pre><code>&lt;div class="pace  pace-inactive"&gt;
    &lt;div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);"&gt;
        &lt;div class="pace-progress-inner"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="pace-activity"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>By default, Pace.js appends itself to be just after the opening <code>&lt;body&gt;</code> tag. Is there any way to hook into where this generated HTML goes?</p>