6、EasyUI的进度条组件

58 阅读1分钟

加载进度条组件 添加 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>

EasyUI的加载进度条组件easyui-progressba