load-screen when-submit-button-clicked-codeigniter.html

<script>
//   load your jquery.min.js
$('#submit_button').on('click',function(e){
     e.preventDefault();
     //Add a code to show your loader.
     $('form').submit();
});


<!-- progress bar -->
var timeleft = 10;
var downloadTimer = setInterval(function(){
  if(timeleft <= 0){
    clearInterval(downloadTimer);
  }
  document.getElementById("progressBar").value = 10 - timeleft;
  timeleft -= 1;
}, 1000);
                   </script>

<progress value="0" max="10" id="progressBar"></progress>