[UnicornLord]

вставил код

$(document).ready(function(){
 var timer=0;
 var percentageWidth = $('#progressBar').outerWidth()/100;
  function timerRun(){
    $('#progressBar .progress-bar').css("width", timer + "%").attr("aria-valuenow", timer);
    
    $('#progressBar .progress-number').css("-webkit-transform", "translateX(" + percentageWidth*timer + "px)").attr("aria-valuenow", timer);
    
    if(timer >= 100){  
      $('#progressBar .progress-bar').css("width","100%");
      $('#loadBtn').replaceWith("<a href='https;//google.com/test'>Файл готов</a>");
      return;
    }
    timer++;
    setTimeout(function(){timerRun()},200);
  }
  
  $('#loadBtn').click(function(e){
    e.preventDefault();
    $(this).html("Архивируется...");
    timerRun();
  });
});

И не сработало... Или я что то не так делаю?
Вот сама кнопка в html

<div class="show-container">
  <div class="progress" id="progressBar">
    <div class="progress-number" aria-valuenow="0" style="left: 0;"></div>
    <div class="rounded">
      <div class="progress-bar" style="width: 0;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
      </div>
    </div>
  </div>
  <div class="button-container">
    <a href="#" id="loadBtn" class="button">Запаковать Архив</a>
  </div>
</div>