Javascript 如何将jquery值传递到HTML5进度条_Javascript_Jquery_Html

Javascript 如何将jquery值传递到HTML5进度条

javascript jquery html

Javascript 如何将jquery值传递到HTML5进度条,javascript,jquery,html,Javascript,Jquery,Html,在这里，我试图用jquery传递的值获取html5进度条在这里，我有一个for循环可以计数到100，现在我想把值从1到100传递到html5进度条。我该怎么做 <!DOCTYPE html> <html> <head> <title>Welcome</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

在这里，我试图用jquery传递的值获取

html5

进度条

在这里，我有一个for循环可以计数到100，现在我想把值从1到100传递到

html5

进度条。我该怎么做

<!DOCTYPE html>
<html>
<head>
<title>Welcome</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
for ( var i = 0; i < 100; i++ ) {
alert(i);
}
});
</script>
</head>
<body>
<progress value="55" max="100">
</progress>
</body>
</html>


欢迎
$（文档）.ready（函数（）{
对于（变量i=0；i<100；i++）{
警报（一）；
}
});

当我运行网页时。进度条应显示从1到100的进度。


<!DOCTYPE html>
<html>
<head>
<title>Welcome</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
for ( var i = 0; i < 100; i++ ) {
  document.getElementById('MyProgress').value = i; 
}
});
</script>
</head>
<body>
<progress id="MyProgress" value="55" max="100">
</progress>
</body>
</html>

欢迎
$（文档）.ready（函数（）{
对于（变量i=0；i<100；i++）{
document.getElementById（'MyProgress'）。value=i；
}
});

使用

setInterval

功能进行缓慢的进度更改

$(document).ready(function() {
    var val = 0;
    var interval = window.setInterval(function(){
        $("progress").attr("value", val);
        val++;
        if (val > 100) window.clearInterval(interval);
    }, 200);
});