Simple bootstrap loader

loader.html

<!--Requires Bootstrap CSS & JS -->
<div id="loading_Modal" class="modal fade" tabindex="-1" role="dialog" data-keyboard="false"
         data-backdrop="static">
        <div class="modal-dialog" style="width:400px;top:30%;">
            <div class="modal-content">
                <div class="modal-header" style="padding: 0px; text-align: center;">
                    <h2 style="margin-top: 5px;">Please wait ....</h2>
                </div>
                <div class="modal-body" >
                    <div style="height:20px">
                     <div class="progress">
              <div class="progress-bar progress-bar-striped active" role="progressbar"
              aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:100%"> </div>                    
        </div>
        </div>
                </div>
            </div>
        </div>
    </div>
    
    <script type="text/javascript">
    $(document).ready(function(){
      $('#loading_Modal').modal('show');
    });
    </script>