Javascript: 动态显示进度条

         {% if not config.exec_id == '' %}
         <br />
         <div class="progress">
           <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width: 0%" id="progressbar">
             0%
           </div>
         </div>

           <script type="text/javascript">
             var timerId = setInterval(getCurrentProgress, 1000);
             $("#btn_submit").hide();

             function getCurrentProgress() {
               $.get( "progress", { exec_id: "{{ config.exec_id }}" } )
               .done(function( data ) {
                 $("#progressbar").text(data.progress + '%').css("width", data.progress + '%');

                 if (data.progress == 100) {
                   clearInterval(timerId);
                   $("#progressbar").text('访问成功：' + data.success + ' 失败：' + data.fail).toggleClass('active deactive');
                 }
               });
             }
           </script>
         {% endif %}