6、EasyUI的进度条组件

最新推荐文章于 2023-01-14 06:56:17 发布

xyphf_和派孔明

最新推荐文章于 2023-01-14 06:56:17 发布

阅读量295

点赞数

文章标签： easyui

本文链接：https://blog.csdn.net/xyphf/article/details/78907232

版权

加载进度条组件添加 class=”easyui-progressba”

<body>
    <script type="text/javascript">
        $(function(){
            var timer = null;
            timer = setInterval(function(){
                 // 获取进度条的值 
                 var  val = $("#p1").progressbar("getValue");
                 val = val + 1;
                 // 给进度条设置值 
                 $("#p1").progressbar("setValue",val);
                 if (val==100) {
                    clearInterval(timer);
                    alert("加载完成");
                 }
            },50);
        });
    </script>
   <div id="p1" class="easyui-progressbar" data-options="value:0" style="width:400px;"></div>
</body>