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

晕哥 · 2018-04-26 10:17:53

找到这个帖子: 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>

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

晕哥 · 2018-04-26 10:19:15

演示效果

晕哥 · 2018-04-26 10:19:25

占位

晕哥 · 2018-04-26 10:19:27

占位

晕哥 · 2018-04-26 10:19:30

占位

WhyCan Forum(哇酷开发者社区)

楼主 #1 2018-04-26 10:17:53 分享评论

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

楼主 #2 2018-04-26 10:19:15 分享评论

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

楼主 #3 2018-04-26 10:19:25 分享评论

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

楼主 #4 2018-04-26 10:19:27 分享评论

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

楼主 #5 2018-04-26 10:19:30 分享评论

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

页脚