title: Bootstrap Modal ajax content, animation loading
body: <p>I use the Bootstrap Modal by loading content from another page and that data is so complicated (multi query/dynamic form), so when open the modal, it will have a little bit stuck.</p>
  
  <p>I want some animation or indicator to show that modal has not been crashed... please wait.</p>
  
  <p>I have to search and try many ways but doesn't work, in some solution the .gif is stuck too when modal load. I use this method for remote content. <a href="http://jsfiddle.net/cp67J/1994/" rel="nofollow noreferrer">http://jsfiddle.net/cp67J/1994/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- Link trigger modal --&gt;
  &lt;a href="remote_content.php?id=1" data-toggle="modal" data-target="#myModal" &gt;
      Launch Modal content 1
  &lt;/a&gt;
  &lt;a href="remote_content.php?id=2" data-toggle="modal" data-target="#myModal" &gt;
      Launch Modal content 2
  &lt;/a&gt;
  
  &lt;!--MODAL SECTION--&gt;
  &lt;div class="modal fade" id="myModal" role="basic" aria-hidden="true"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-body"&gt;
                  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>