您现在的位置:首页 >> 前端 >> 内容

EasyUI的进度条组件代码实现教程

时间:2017/12/27 11:49:06 点击:

  核心提示:加载进度条组件 添加 class=easyui-progressbabodyscript type=text/$(function(){var timer = null;timer = setInte...

加载进度条组件 添加 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>
   <p id="p1" class="easyui-progressbar" data-options="value:0" style="width:400px;"></p>
</body>

EasyUI的进度条组件代码实现教程

Tags:EA AS SY YU 
作者:网络 来源:xyphf的博客