5

<img src="assets/mc-bg.jpg" width="100%"/>

<button id="btn" class="xia-zai" onclick="xia_zai()">立即下载》</button>

<style>

.xia-zai {

  background:#7245e4;

  color:white;

  border:1px solid black;

  width:100px;

  height:40px;

  position:absolute;

  top:37%;

  left:40%;
 

}

.xia-zai:hover{

  background:#a997d8;

}

</style>

<script type="text/javascript">

function xia_zai(){

  var a=document.getElementById("btn");

  a.innerText="下载中...";

  var jd=0;

  var dsq=setInterval(()=>{

    jd+=10;

    if(jd>100){

        clearInterval(dsq);

        alert("下载完成");

        return;

    }

    a.innerText="下载"+jd+"%"+"...";
 

  },1000)

}
 

</script>