circlesProgress圆形进度加载百分比

circlesProgress圆形进度加载百分比

本文演示circlesProgress6种不同的进度加载效果。包括自定义文字、边框尺寸、符号、动画效果、颜色、透明度等。

淘建站为您提供更多_其它特效_统计图_加载_进度,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 88 次

下载资源

43 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:html5 > SVG 难易程度:中级

默认效果(定义进度百分百,和边框尺寸)

<div class="left" id="basic0"></div>
$('#basic0').circlesProgress({'progress': '1', 'borderSize': '0'});

circlesProgressAPI 参数

参数 描述 默认值
size 尺寸大小 50
progress 进度(%) 0
initialProgress 初始化进度(%) 0
enableTextIndicator 是否显示提示文字 false
svgElement svg对象 $('<svg><path class=
textElement 文字对象 $('<div class=
textElementClass 文字样式 cpb-text
diplayPercentSign 是否显示百分比符号 false
innerColor 内边框颜色 #000
outerColor 外边框颜色 #F00
innerOpacity 内边框透明度 1
outerOpacity 外边框透明度 1
borderSize 边框尺寸 10
debug 是否开启调试模式 true
alpha 字母 0
animate 是否开启动画效果 true
currentAlpha 当前字母 0

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/649.html
circlesProgress圆形进度加载百分比 希望对你有帮助,感谢您的支持!
  • jQuery动态生成订单进度

    jQuery动态生成订单进度

  • css3制作创意loading加载动画特效

    css3制作创意loading加载动画特效

  • 圆球转动显示加载中

    圆球转动显示加载中

  • 进度条

    进度条

  • 三种进度条加载方式

    三种进度条加载方式

  • tab切换AJAX下拉加载更多数据效果

    tab切换AJAX下拉加载更多数据效果

  • jquery ajax选项卡使用jQuery选项卡切换异步加载请求数据

    jquery ajax选项卡使用jQuery选项卡切换异步加载请求数据

  • canvas移动端圆环进度条

    canvas移动端圆环进度条

  • 纯CSS3实现13种网页加载进度条效果

    纯CSS3实现13种网页加载进度条效果

  • jQuery绿色简洁的点击上传进度条动画代码

    jQuery绿色简洁的点击上传进度条动画代码

  • css3 svg简易的网页加载图标动画特效

    css3 svg简易的网页加载图标动画特效

  • Jquery实现滚动条滚动到底部加载内容

    Jquery实现滚动条滚动到底部加载内容

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2