easyUI progressbar组件

最新推荐文章于 2022-10-28 18:20:51 发布

放错位的天才

最新推荐文章于 2022-10-28 18:20:51 发布

阅读量48

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/stono/p/4859365.html

版权

easyUI progressbar组件：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="easyui/jquery.min.js"></script>
    <script src="easyui/jquery.easyui.min.js"></script>
    <script src="easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="js/test008.js"></script>
    <link rel="stylesheet" href="easyui/themes/default/easyui.css">
    <link rel="stylesheet" href="easyui/themes/icon.css">
</head>

<body style="margin:20px">
    <div class="easyui-progressbar" data-options='value:60'>this is inner text </div>
    <div id="box"></div>
</body>

</html>

$(function(argument) {
    var obj = {
        width: 300,
        height: 30,
        value: 30,
        text: '已经进行{value}%',
        onChange: function(n, o) {
            console.log('newvalue:' + n + ',oldvalue:' + o);
        },
    };
    $('#box').progressbar(obj);
});
// setTimeout(function  () {
//     $('#box').progressbar('setValue',70);
// },1000);
setInterval(function() {
    $('#box').progressbar('setValue', $('#box').progressbar('getValue') + 1);
}, 200);

转载于:https://www.cnblogs.com/stono/p/4859365.html

放错位的天才

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
easyUI progressbar组件

easyUI progressbar组件：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="easyui/jquery.min...
复制链接

扫一扫