How to show circle loader with percentage counter on button click until page redirect to home page?

<pre>$(document).ready(function () {
    //alert("in function");
    $("#msform").on("submit", function () {
      alert("in submit function");

      $('#container1').show();

      let circularProgress = document.querySelector(".circular-progress"),
      progressValue = document.querySelector(".progress-value");

  let progressStartValue = 0,    
      progressEndValue = 100,    
      speed = 100;
      
  let progress = setInterval(() => {
      progressStartValue++;

      progressValue.textContent = `${progressStartValue}%`
      circularProgress.style.background = `conic-gradient(#7d2ae8 ${progressStartValue * 3.6}deg, #ededed 0deg)`

      if(progressStartValue == progressEndValue){
          clearInterval(progress);
      }    
  }, speed);

   });//submit
 });//document ready


  </script>

<pre><div class="container1" id="container1" style="display:none;">
   <div class="circular-progress">
       0%
   </div>

 HTML & CSS
</div>

<pre> <form id="msform" class="needs-validation" novalidate method="POST" enctype="multipart/form-data">
<input type="submit" class="next action-button btn btn-primary" name="mainsubmit" value="Submit" id="nxtbtnwht1" />
 </form>

<pre><pre>$(document).ready(function () {
    //alert("in function");
    $("#msform").on("submit", function () {
      alert("in submit function");

      $('#container1').show();

      let circularProgress = document.querySelector(".circular-progress"),
      progressValue = document.querySelector(".progress-value");

  let progressStartValue = 0,    
      progressEndValue = 100,    
      speed = 100;
      
  let progress = setInterval(() => {
      progressStartValue++;

      progressValue.textContent = `${progressStartValue}%`
      circularProgress.style.background = `conic-gradient(#7d2ae8 ${progressStartValue * 3.6}deg, #ededed 0deg)`

      if(progressStartValue == progressEndValue){
          clearInterval(progress);
      }    
  }, speed);

   });//submit
 });//document ready


  </script>