title: Increase the time on the progress bar
body: <p>I have a website that does subtitle translation but before translating the subtitle progress bar finishes loading and shows a download button so my visitors save the incomplete subtitle.</p>
  
  <p>Is there any possibility for me to extend the time of the progres bar or after translation of subtitle  that make a countdown for at least 5 seconds longer while the subtitle translation is completed?</p>
  
  <p>This is the progress bar code : </p>
  
  <pre><code>&lt;div id="select_lang"&gt;
  &lt;div class="wrapper"&gt; Translating &lt;span class="info"&gt;&lt;/span&gt;...&lt;div class="progress-bar" ease-in-out&gt;&lt;span class="progress-bar-fill" style="width: 0%;"&gt;&lt;/span&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this is the CSS.</p>
  
  <pre><code>.progress-bar {
      width: 100%;
      background-color: #e0e0e0;
      padding: 3px;
      border-radius: 3px;
      box-shadow: inset 0 1px 3px rgba(47, 44, 56);
  }
  
  .progress-bar-fill {
      display: block;
      height: 22px;
      background-color: #ffffff;
      border-radius: 3px;
      transition: width 500ms ease-in-out;
  }
  </code></pre>
  
  <p>also this script maybe can help more: </p>
  
  <pre><code>               ```&lt;script type="text/javascript"&gt;
                  function getFile() {
                      var filePath = document.getElementById("file").value;
                      var valu = document.getElementById("updateFile").value = filePath;
                      var valu  = valu.split(/(\\|\/)/g).pop();
                      var parts = valu.split(".");
                      document.getElementById("subtitle").value = parts[0];
                      var langPath = $("select.goog-te-combo option:selected").text();
                      document.getElementById("country").value = langPath;
                      //file upload
                      var file_data = $('#file').prop('files')[0];
                      var form_data = new FormData();
                      form_data.append('file', file_data);
                      $.ajax({
                          url: 'upload_file.php', // point to server-side PHP script
                          dataType: 'text',  // what to expect back from the PHP script, if anything
                          cache: false,
                          contentType: false,
                          processData: false,
                          data: form_data,
                          type: 'post',
                          success: function(data){
                              console.log(data); // display response from the PHP script, if any
                          }
                      });
                  }
              &lt;/script&gt;```
  </code></pre>
  
  <p>or this one:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
              /*function stoppedTyping(){
                  if($('#subtitle').val().length &gt; 1 &amp;&amp; $('#country').val().length &gt;0 ) {
                      document.getElementById('submit_button').disabled = false;
                  } else {
                      document.getElementById('submit_button').disabled = true;
                  }
              }*/
  
              function savedb() {
  
                  var php_var = document.getElementById("subtitle").value+".srt";
                  var srt = document.getElementById('srt_text').innerHTML;
                  var subtitle = document.getElementById("file").value.replace(/^.*[\\\/]/, '');
                  subtitle = encodeURIComponent(subtitle); 
                  var language = document.getElementById('country').value;
                  var author = document.getElementById('author').value;
                  console.log(php_var);
                  console.log(subtitle);
                  console.log(language);
                  $.ajax({
                      type: "POST",
                      url: "save_database.php",
                      data: {
                          file: php_var,
                          srt: srt,
                          subtitle: subtitle,
                          language: language,
                      },
                      cache: false,
  
                      success: function (data) {
                          console.log("hello");
                          console.log(data);
  
                          $("#loaderModal").remove();
                          alert(data);
                          setTimeout(function(){
                              window.location = 'https://translatesubtitles.com/demosub/browse_subtitle.php';
                          }, 10);
                      },
                  });
                  $("#exampleModal").modal('hide');
              }
          &lt;/script&gt;
  </code></pre>