radialindicat圆形进度条

所属分类:UI-加载,圆边

 13812  75  查看评论 (5)
radialindicat圆形进度条 ie兼容10
参数名称参数类型默认值描述
radiusnumber50定义圆形指示器的内部的圆的半径。
barWidthnumber5定义圆形指示器的刻度条的宽度。
barBgColorcolour code in hex#eeeeee定义圆形指示器的刻度条的背景颜色。
barColorobject of colour range like ({0 : '#FF0000', 50 : '#FFFF00', 100 : '#0066FF',}) or color code in hex#99CC33定义渊声巷指示器的刻度条颜色。如果提供一个颜色范围对象作为值,插件会将该范围的颜色插入(如果interpolate选项为true)在指定的位置。
roundCornerbooleanfalse如果设置为true则圆形指示器的刻度bar有圆角。
format# format like (##,###,###) or a formatter function##Define # format or formatter function to format indicator number.
frameNumnumber100 for percentage and 500 for othersNumber of frames in which indcator circle is divided.
frameTimenumber10Time taken to go from one frame to another.
fontColorhex color codecolor code of progressBy default it takes the color code of progress at specific point. If defined it will take the defined color code.
fontSizenumberCalculated默认情况下字体大小是适合于圆形指示器的内圆。定义这个参数可以覆盖它。
fontFamilyfont family similiar to per css syntaxdefault定义圆形指示器的数值的字体。
fontWeightfont weight similiar to css syntaxbold定义圆形指示器的数值的字体weight。
interpolatebooleantrue
percentagebooleantrue设置为true显示圆形指示器的百分比数值。
displayNumberbooleantrue设置为true显示圆形指示器的刻度数值。
initValuenumberminValue or 0圆形指示器初始化的值。
minValuenumber0圆形指示器的最小值。
maxValuenumber100


相关插件-加载,圆边

简单的JavaScript图像延迟加载库Echo.js

和 Lazy Load 一样,Echo.js 也是一个用于图像延迟加载 JavaScript。不同的是 Lazy Load 是基于 jQuery 的插件,而 Echo.js 不依赖于 jQuery 或其他 JavaScript 库,可独立使用。并且 Echo.js 非常小巧,压缩后不足 1KB。
  加载
 25964  81

完全自定义的LOADING动画-SPIN

加载loading动画相信大家都经常看到,当我们需要从服务端异步无刷新加载一条数据的时候,考虑到会花费一定时间,而在这段时间内会呈现一个假死的状态,而这种状态时不能直接显示给用户的,那么这时我们就会用一个加载动画来告诉用户,数据正在加载中。
  加载
 17369  13

会员等级显示

蘑菇街会员等级显示
  加载
 5400  57

申请表单进度表

申请表单进度表
  加载
 7064  112

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

    小虎牙255 0
    2016/9/10 17:09:06
    为啥在手机上不行   回复
    起伏的心跳 0
    2016/7/19 19:07:36
    不能悬浮屏幕中央居中 回复
    、小男人 0
    2016/6/12 12:06:12
    0
    2016/3/8 10:03:33
    请问如何设置成圆形进度条在进入视口时才开始动画?
        ??0
        2016/9/22 15:09:30
        文档就绪加载
    回复
取消回复