UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

滑块与进度条

所属分类：UI,媒体-加载,滑块和旋转

 52782  382  查看评论 (15)
分享到微信朋友圈
X
滑块与进度条 ie兼容7
 查看演示  立即下载

滑动：  //设置最大值
            ScrollBar.maxValue = 100;
            //初始化
            ScrollBar.Initialize();

 

进度条 ：//设置最大值
            ProgressBar.maxValue = 100;
            //设置当前刻度
            var index = 0;
            var mProgressTimer = setInterval(function () {
                index += 2;
                ProgressBar.SetValue(index);
            }, 100);

相关插件-加载,滑块和旋转
查看更多

11种Loading 动态效果+随机样式

 css实现动态loading 效果
  加载
 69279  506

JS简单进度条

 再也不愁JS进度条了
  加载
 39356  332

jQuery顶部加载动画插件loadBar.js

 loadBar是一个轻量级的(最小2KB)jQuery插件，当加载内容时，页面顶部显示一个漂亮的动画条。
  加载
 28935  364

HTML5实现的网页进度条

 HTML5实现的网页进度条
  加载
 40365  381

讨论这个项目（15）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    我是怪兽我会瘦i 0
    2018/5/29 15:25:49
    刚进页面后点击鼠标左键当前进度值会变成NAN
        め羽し翼た0
        2020/12/16 10:29:20
        请问你解决了吗
    回复
    l 0
    2018/1/16 11:50:27

    根本就不兼容IE7，对象不支持“getContext”属性或方法，，，

    回复
    姐是会发怒的 0
    2017/2/27 19:20:55

    作者您好，我想问一下，如果不是匀速的，中间的快慢速度怎么控制

        云~{^_^}~一涵0
        2017/2/28 9:28:11

        每次都是递加平均的宽度，你设置每次的递加的宽度不一样就不是匀速了

    回复
    文光 0
    2017/1/4 9:01:14

    不错不错，这个很简单，又好用方便调整，用的是ScrollBar，做个原型，再看看要不要配合文字

    回复
    云~{^_^}~一涵 1
    2016/7/20 13:07:28

      vaule设置为0的话 demo 要改成

    scrollBar currentValue=changX-ScrollBar.currentX-$("#Demo").offset().left;
    回复
    ，圈圈╰＇ 0
    2016/6/21 17:06:53
    默认值不是0，不能正常滑动的问题解决了么？！求解决办法
        ，圈圈╰＇ 0
        2016/6/21 17:06:25
        错了 应该是默认值不是20！
    回复
    云~{^_^}~一涵 0
    2016/2/15 15:02:44
    额，有问题加我qq798286207 我看看
        ぐo呦?_圜.0
        2017/7/12 16:55:02

        手动改动滑块的值？怎么实现啊？

    回复
    Haha 0
    2016/2/15 15:02:54
    同楼上，我改了好久啊，也没找出是哪里的问题 回复
    哎吆~我去 0
    2015/10/29 11:10:06

    滑块的默认值如果不是20，好像滑动效果就不能正常运行了，为什么呢？


    回复
    守得云开见月明 0
    2015/7/21 13:07:46
    刚好能用上，谢谢分享。
        huhututuhutu0
        2016/9/26 17:09:24
        同意
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复