Como "linkar" link com efeito carregamento

Através de tutoriais na internet, consegui criar um carregamento do tipo youtube para meu site, porém, como uso links amigaveis, o mesmo não ta funcionando:

antes (funcionando): <a href="cadastro">CADASTRAR</a>

atual (nao funciona): <a href="javascript://" onclick="show()">CADASTRAR</a>

Não sei onde adicionar o nome "cadastro" pra chamar o arquivo cadastro.php

Scrip JS onde o efeito de carregamento acontece:

<script>
 function show () {
 $('#progress').show();

document.body.innerHTML+="<div id=\"progress\"><dt></dt><dd></dd></div>";
 var pr=document.querySelector("#progress");

 setTimeout(function(){
 pr.style.width="60%";
 },300);

 setTimeout(function(){

 pr.style.width="101%";
 },800);

 setTimeout(function(){

 pr.parentNode.removeChild(pr);
 },1600);
 return false;
 }

</script>