进度条

最新推荐文章于 2024-06-16 15:09:53 发布

小菜鸟码住

最新推荐文章于 2024-06-16 15:09:53 发布

阅读量102

点赞数

分类专栏： h5知识

本文链接：https://blog.csdn.net/hfyldx/article/details/102234017

版权

h5知识专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>progress</title>
</head>
<body>
    
    <progress id="pro" value="10" max="100"></progress>
    <script>
        var pro = document.getElementById('pro');
        var id = setInterval(function(){
            pro.value++;
            if(pro.value===100){
                clearInterval(id);
                alert('太难了');
            }
        },100);
    </script>
</body>
</html>

在这里插入图片描述