请选择 进入手机版 | 继续访问电脑版

QQ登录

只需要一步,快速开始

 注册地址  找回密码
查看: 14129|回复: 16

6种新颖好看的jQuery和CSS3进度条

[复制链接]
字体大小: 正常 放大
种晓13        

1

主题

0

听众

5

积分

升级  0%

该用户从未签到

自我介绍
很一般的人
发表于 2013-3-5 16:16 |显示全部楼层
|招呼Ta 关注Ta
6种新颖好看的jQuery和CSS3进度条1 v, t& p$ \6 s7 Q  C8 i/ h; |" t
1、不同进度显示不同颜色的进度条$ \1 C7 `( T3 {0 n+ h
这款CSS3进度条和别的有所不同,他的主要特点是随着进度的变化,进度条的颜色会有所改变,这个和游戏中人物的生命值很相似。
" i6 C; y7 i& X( E4 I4 Y2 _; ]6 ?& z/ V% P+ q; w: ?1 r
2、纯CSS3实现的彩色进度条
+ V3 e+ L% a3 M4 n8 G该进度条利用了CSS3的颜色渐变属性,让进度条的色彩显得非常具有立体感。
3 }9 H. [6 ]  e4 M4 D$ z5 C2 x, K! \+ y
3、jQuery Progress Bar* J- ]  t% X! K% {! v8 ^
: q" t1 C% a( N4 o6 J
4、jQuery自定义Loading动画插件Spin.js
' k( B* p( T; d% T" ^6 d- E% ASpin.js可以自定义动画加载图案的长度、宽度、粗细、速度等参数,非常灵活。 利用Spin.js可以快速地为你定制一款漂亮的加载动画图片。+ ]1 D/ d8 n2 E* L! f. \/ ]

$ o: s. v0 i) h/ h' |3 T5、3款基于CSS3的动画加载效果$ Q2 {. P$ p1 h' A" g
这3款CSS Loading动画非常有创意,而且具有立体感。, e) E7 e0 ~/ I3 y  y1 k7 g0 j5 C

2 q- ^% H: d4 K% ]  @: l6、简单的CSS3进度条2 j: S1 q' T% |7 U
这款CSS3进度条十分简单,但外观却很漂亮,值得收藏和使用。
# M7 H: x6 [8 Q' \
zan
已有 1 人评分体力 收起 理由
厚积薄发 + 10 对html帮助会很大

总评分: 体力 + 10   查看全部评分

ht

1341

主题

736

听众

2万

积分

数学中国总编辑

  • TA的每日心情

    2016-11-18 10:46
  • 签到天数: 206 天

    [LV.7]常住居民III

    社区QQ达人 邮箱绑定达人 元老勋章 发帖功臣 新人进步奖 原创写作奖 最具活力勋章 风雨历程奖

    群组2011年第一期数学建模

    群组第一期sas基础实训课堂

    群组第二届数模基础实训

    群组2012第二期MCM/ICM优秀

    群组MCM优秀论文解析专题

    回复

    使用道具 举报

    lee博少 实名认证       

    5

    主题

    8

    听众

    584

    积分

  • TA的每日心情
    擦汗
    2013-10-26 13:26
  • 签到天数: 103 天

    [LV.6]常住居民II

    群组2013认证赛A题讨论群组

    回复

    使用道具 举报

    0

    主题

    7

    听众

    295

    积分

    升级  97.5%

  • TA的每日心情
    奋斗
    2014-5-1 09:02
  • 签到天数: 90 天

    [LV.6]常住居民II

    自我介绍
    性格较为内向的文艺青年

    群组2013电工杯A题讨论群组

    群组2013认证赛C题讨论群组

    回复

    使用道具 举报

    81

    主题

    21

    听众

    5030

    积分

    升级  0.6%

  • TA的每日心情
    开心
    2021-6-22 17:23
  • 签到天数: 210 天

    [LV.7]常住居民III

    发帖功臣 社区QQ达人 新人进步奖 最具活力勋章

    群组2015年数学中国“建模

    群组2016美赛优秀论文解析

    群组2011年第一期数学建模

    群组数学建摸协会

    群组认证人才交流群

    回复

    使用道具 举报

    81

    主题

    21

    听众

    5030

    积分

    升级  0.6%

  • TA的每日心情
    开心
    2021-6-22 17:23
  • 签到天数: 210 天

    [LV.7]常住居民III

    发帖功臣 社区QQ达人 新人进步奖 最具活力勋章

    群组2015年数学中国“建模

    群组2016美赛优秀论文解析

    群组2011年第一期数学建模

    群组数学建摸协会

    群组认证人才交流群

    回复

    使用道具 举报

    81

    主题

    21

    听众

    5030

    积分

    升级  0.6%

  • TA的每日心情
    开心
    2021-6-22 17:23
  • 签到天数: 210 天

    [LV.7]常住居民III

    发帖功臣 社区QQ达人 新人进步奖 最具活力勋章

    群组2015年数学中国“建模

    群组2016美赛优秀论文解析

    群组2011年第一期数学建模

    群组数学建摸协会

    群组认证人才交流群

    回复

    使用道具 举报

    81

    主题

    21

    听众

    5030

    积分

    升级  0.6%

  • TA的每日心情
    开心
    2021-6-22 17:23
  • 签到天数: 210 天

    [LV.7]常住居民III

    发帖功臣 社区QQ达人 新人进步奖 最具活力勋章

    群组2015年数学中国“建模

    群组2016美赛优秀论文解析

    群组2011年第一期数学建模

    群组数学建摸协会

    群组认证人才交流群

    回复

    使用道具 举报

    81

    主题

    21

    听众

    5030

    积分

    升级  0.6%

  • TA的每日心情
    开心
    2021-6-22 17:23
  • 签到天数: 210 天

    [LV.7]常住居民III

    发帖功臣 社区QQ达人 新人进步奖 最具活力勋章

    群组2015年数学中国“建模

    群组2016美赛优秀论文解析

    群组2011年第一期数学建模

    群组数学建摸协会

    群组认证人才交流群

    回复

    使用道具 举报

    81

    主题

    21

    听众

    5030

    积分

    升级  0.6%

  • TA的每日心情
    开心
    2021-6-22 17:23
  • 签到天数: 210 天

    [LV.7]常住居民III

    发帖功臣 社区QQ达人 新人进步奖 最具活力勋章

    群组2015年数学中国“建模

    群组2016美赛优秀论文解析

    群组2011年第一期数学建模

    群组数学建摸协会

    群组认证人才交流群

    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 注册地址

    qq
    收缩
    • 电话咨询

    • 04714969085
    fastpost

    关于我们| 联系我们| 诚征英才| 对外合作| 产品服务| QQ

    手机版|Archiver| |繁體中文 手机客户端  

    蒙公网安备 15010502000194号

    Powered by Discuz! X2.5   © 2001-2013 数学建模网-数学中国 ( 蒙ICP备14002410号-3 蒙BBS备-0002号 )     论坛法律顾问:王兆丰

    GMT+8, 2024-3-29 13:43 , Processed in 0.573205 second(s), 102 queries .

    回顶部