微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html5 progress

<!doctype html>
<html>
<head>
    <title>progress</title>
    <script type="text/javascript" src="javascript/jquery.js"></script>
    <script type="text/javascript">
        var currentValue = 0;//进度条当前数据
        var maxValue = 100;//进度条最大值
        var myIndex;
        $(function () {
            $('#myProgress').val(currentValue);
            $('#myProgress').attr('max',maxValue);
            myIndex = setInterval(plusValue,100);
        });
        function plusValue() {
            if (currentValue < maxValue) {
                currentValue++;
                $('#myProgress').val(currentValue);
            } else {
                clearInterval(myIndex);
                alert('加载完成');
            }
        }
    </script>
</head>
<body>
    <progress id="myProgress" ></progress>
</body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。