title: bootstrap modal not working in IE8 when using a progress tag inside of it
body: <p>i am banging my head with IE8 (going crazy why this browser is even still used).</p>
  
  <p>i am building an app using angular.js and bootstrap which should be supported by IE8 asswell.</p>
  
  <p>my app cureently works perfectly fine with chrom, FF, IE10 and IE9
  i have decalred in my index.html at the  tag:</p>
  
  <pre><code>  &lt;!--[if lte IE 8]&gt;
        &lt;script src="js/json3.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;!--[if lte IE 8]&gt;
        &lt;script&gt;
          document.createElement('login');
          document.createElement('register');
          document.createElement('change-details');
          document.createElement('tooltip-popup-delay');
          document.createElement('tooltip');
          document.createElement('datepicker-popup');
  
  
        &lt;/script&gt;
      &lt;![endif]--&gt;
  
  &lt;!-- HTML5 shim, for IE6-8 support of HTML5 elements --&gt;
   &lt;!--[if lt IE 9]&gt;
       &lt;script src="http://html5shim.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
   &lt;![endif]--&gt;
  </code></pre>
  
  <p>and i have a directive (login) which has a templateUrl with the login modal.</p>
  
  <p>i then use it like this:</p>
  
  <pre><code>&lt;div ng-show="showNav" ng-controller="NavCtrl"&gt;
      &lt;login&gt;&lt;/login&gt;
      &lt;register&gt;&lt;/register&gt;
      .....
  .....
  </code></pre>
  
  <p>and this is a part of my login modal (its a login.html which is in the templateUrl directive):</p>
  
  <pre><code>   &lt;div modal="shouldBeOpenLogin" close="closeModalLogin()" options="opts"&gt;
        &lt;div class="modal-header"&gt;
          &lt;button ng-disabled="disableButtons" type="button" ng-click="closeModalLogin()" class="close pull-right"&gt;&amp;times;&lt;/button&gt;
          &lt;h3 style="text-align:center"&gt;{{loginHeader}}&lt;/h3&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
  
              &lt;div class="waitLogin" ng-show="showSearching"&gt;                   
          &lt;h5&gt; please wait  &lt;progress percent="dynamicObject" class="progress-striped active"&gt;&lt;/progress&gt;&lt;h5&gt;
      &lt;/div&gt;
  
          &lt;form ng-submit="login(loginForm)" name="loginForm" class="form-horizontal"&gt;
            &lt;div ng-show="showLoginFields" class="control-group"&gt;
              &lt;label class="control-label"&gt;username&lt;/label&gt;
              &lt;div class="controls"&gt;
                &lt;input type="email" ng-model="login.username" placeholder="email" title="please enter this field"&gt;         
              &lt;/div&gt;
            &lt;/div&gt;
  .....
  </code></pre>
  
  <p>now for some unknow reason it appears that the 
  
  <p>i have tried to just put a regullar progress without using the bootstraps one. still not success.</p>
  
  <p>i even tried to put the login.html content inside the index.html instead of using the  directive and still no success.</p>
  
  <p>i have tried to add an document.createElement('progress') and also no success.</p>
  
  <p>please help me before i destroy IE8.</p>