您尚未登录。

楼主 #1 2018-04-26 10:17:53

晕哥
管理员
注册时间: 2017-09-06
已发帖子: 9,350
积分: 9202

准备给本站文件上传页面加一个进度条功能

找到这个帖子: https://stackoverflow.com/questions/43524985/how-to-get-change-value-of-html5-progress-bar

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  /* DOM is ready, so we can query for its elements */
  var dragonHealth = document.getElementById("health").value;
  console.log(dragonHealth);
  
  /*additional code for comment*/
  document.querySelector('button').addEventListener("click", function(event){
    document.getElementById("health").value += 5;
  });
})
</script>

<progress id="health" value="60" max="100"></progress>
<button>change progress value</button>

按下按钮,进度条跑一格.





离线

楼主 #2 2018-04-26 10:19:15

晕哥
管理员
注册时间: 2017-09-06
已发帖子: 9,350
积分: 9202

Re: 准备给本站文件上传页面加一个进度条功能

QQ20180426101841.png

演示效果





离线

楼主 #3 2018-04-26 10:19:25

晕哥
管理员
注册时间: 2017-09-06
已发帖子: 9,350
积分: 9202

Re: 准备给本站文件上传页面加一个进度条功能

占位





离线

楼主 #4 2018-04-26 10:19:27

晕哥
管理员
注册时间: 2017-09-06
已发帖子: 9,350
积分: 9202

Re: 准备给本站文件上传页面加一个进度条功能

占位





离线

楼主 #5 2018-04-26 10:19:30

晕哥
管理员
注册时间: 2017-09-06
已发帖子: 9,350
积分: 9202

Re: 准备给本站文件上传页面加一个进度条功能

占位





离线

页脚

工信部备案:粤ICP备20025096号 Powered by FluxBB

感谢为中文互联网持续输出优质内容的各位老铁们。 QQ: 516333132, 微信(wechat): whycan_cn (哇酷网/挖坑网/填坑网) service@whycan.cn