jquery播放进度条插件,可拖动

所属分类:UI-加载

 15704  49  查看评论 (18)
jquery播放进度条插件,可拖动 ie兼容9

使用方法

导入jquery-PlayBar.js或者jquery-playBar.min.js

导入barstyle.css

先准备一个需要显示进度条的容器,例如

<div clas="test"></div>

初始化:

$.playBar.addBar($('.test'),1000*64);//第一个参数是需要显示播放器的容器,第二个参数为时间,单位毫秒
$.playBar.changeBarColor("#F60");//设置进度条颜色
$.playBar.changeFontColor("#fff")//设置时间颜色
$.playBar.stop()//进度条停止
$.playBar.Begin()//进度条开始
$.playBar.restTime(1000)//重新设置时间,并重新开始播放
var t=$.playBar.getTheTime()//获得当前的时间


相关插件-加载

jquery 实现流程进度显示

基于jQuery实现的流程进度显示,可应用于网络订单状态查看,用户注册状态查看等
  加载
 25621  217

jquery播放进度条插件,可拖动

jquery插件播放进度条,可以拖动,可以控制,可设置时间
  加载
 15705  49

3D立体环形进度图表

3D立体环形进度图表,只要传入0100的整数,就能显示对应的百分比,大小自适应。
  加载
 8976  44

jQuery横向及纵向进度条插件

jQuery横向及纵向进度条插件,可控制速度,可设为递增递减进度,可繁可简,颜色尺寸随心所欲!简单使用,使用方法一应俱全。
  加载
 4565  16

讨论这个项目(18)回答他人问题或分享插件使用方法奖励jQ币

    梦的彼方 0
    2018/5/31 16:36:33
    一个项目里要多次用到这个怎么办,会有很多问题 回复
    _Lmx, 0
    2018/4/13 10:23:45
    怎么能获得jq币。 回复
    隋艺 0
    2018/4/3 15:16:59
    仗剑 0
    2018/3/27 18:54:24
    不错不错不错不错不错不错不错不错 回复
    Top丶Li 0
    2017/12/18 17:06:30
    老衲 0
    2017/12/12 10:37:31

    效果不错,谢谢分享

    回复
    那年的转身,没有告白 0
    2017/12/3 11:02:07

    可以  很好  就是没有js币

    回复
    0
    2017/11/27 19:56:29

    可以,正需要这个

    回复
    i药不能停 0
    2017/9/20 15:03:45
    很实用我们的项目
        初浅0
        2017/11/15 10:45:23

        能不能设置一次走一小时

    回复
    向往飞翔的小蚂蚁 0
    2017/8/9 13:57:42

    心累

        地狱あえ0
        2017/11/30 10:19:24

        还不错啊

    回复
取消回复