快捷通道

QQ登录

只需要一步，快速开始

  注册地址  找回密码

数学建模社区-数学中国

留学>>
12下一页
返回列表 发新帖
查看: 15847|回复: 16
打印 上一主题 下一主题

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

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

1

主题

0

听众

5

积分

升级  0%

该用户从未签到

自我介绍
很一般的人
跳转到指定楼层
1#
发表于 2013-3-5 16:16 |只看该作者 |倒序浏览
|招呼Ta 关注Ta
6种新颖好看的jQuery和CSS3进度条5 l9 g. z, l" K4 F: V- i
1、不同进度显示不同颜色的进度条& ~  r4 U! K, Z; h+ q
这款CSS3进度条和别的有所不同，他的主要特点是随着进度的变化，进度条的颜色会有所改变，这个和游戏中人物的生命值很相似。
( T6 v4 u, y5 X& T) n0 d& X; u0 {* n
' S# Z; Q9 S% w2、纯CSS3实现的彩色进度条. |! j8 I1 k% P  y2 W- ]
该进度条利用了CSS3的颜色渐变属性，让进度条的色彩显得非常具有立体感。4 A4 F0 C( d) ^( s. f

: T  Y, g+ M8 `8 U3、jQuery Progress Bar
0 z( H& y9 I2 B5 @' W
1 t4 y) Z( q/ i0 p8 u7 q- \4、jQuery自定义Loading动画插件Spin.js
3 o) t  q+ ]0 n4 M( hSpin.js可以自定义动画加载图案的长度、宽度、粗细、速度等参数，非常灵活。 利用Spin.js可以快速地为你定制一款漂亮的加载动画图片。( [5 C& d' y" b7 I! u4 Q% T' ^
/ i1 w2 y4 m! w, q1 x2 X
5、3款基于CSS3的动画加载效果$ Y, T( I5 y4 u! j2 c
这3款CSS Loading动画非常有创意，而且具有立体感。
0 e0 _: j0 @. x! h+ i  h  E  J+ [4 Q4 [* \0 F; `% e4 c
6、简单的CSS3进度条5 g9 T7 M& D, m( x" Y
这款CSS3进度条十分简单，但外观却很漂亮，值得收藏和使用。
6 N3 N, b, w2 u* s: o
zan
已有 1 人评分体力 收起 理由
厚积薄发 + 10 对html帮助会很大

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

进度
转播转播0 分享淘帖0 分享分享0 收藏收藏0 支持支持0 反对反对0 微信微信

相关帖子

ht
回复

使用道具 举报

厚积薄发 实名认证       

1341

主题

738

听众

2万

积分

数学中国总编辑

  • TA的每日心情
    衰
    2016-11-18 10:46

    • 签到天数: 206 天

    [LV.7]常住居民III

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

    群组: 2011年第一期数学建模

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

    群组: 第二届数模基础实训

    群组: 2012第二期MCM/ICM优秀

    群组: MCM优秀论文解析专题
    2#
    发表于 2013-3-5 16:18 |只看该作者 |招呼Ta 关注Ta |邮箱已经成功绑定
    赞一个
    回复

    使用道具 举报

    lee博少 实名认证       

    5

    主题

    8

    听众

    584

    积分

  • TA的每日心情
    擦汗
    2013-10-26 13:26

    • 签到天数: 103 天

    [LV.6]常住居民II

    群组: 2013认证赛A题讨论群组
    3#
    发表于 2013-5-6 08:32 |只看该作者 |招呼Ta 关注Ta
    赞一个
    回复

    使用道具 举报

    秦时古月        

    0

    主题

    7

    听众

    295

    积分

    升级  97.5%

  • TA的每日心情
    奋斗
    2014-5-1 09:02

    • 签到天数: 90 天

    [LV.6]常住居民II

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

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

    群组: 2013认证赛C题讨论群组
    4#
    发表于 2013-9-25 19:24 |只看该作者 |招呼Ta 关注Ta
    赞一个
    回复

    使用道具 举报

    雨龙1618 实名认证    中国数模人才认证  会长俱乐部认证 

    81

    主题

    21

    听众

    5027

    积分

    升级  0.54%

  • TA的每日心情
    开心
    2021-6-22 17:23

    • 签到天数: 210 天

    [LV.7]常住居民III

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

    群组: 2015年数学中国“建模

    群组: 2016美赛优秀论文解析

    群组: 2011年第一期数学建模

    群组: 数学建摸协会

    群组: 认证人才交流群
    5#
    发表于 2015-5-13 00:29 手机频道 |只看该作者 |招呼Ta 关注Ta
    好默默哦哦哦哦哦
    6 o3 l6 y& g. @; Z" f6 _9 D! c; m
    回复

    使用道具 举报

    雨龙1618 实名认证    中国数模人才认证  会长俱乐部认证 

    81

    主题

    21

    听众

    5027

    积分

    升级  0.54%

  • TA的每日心情
    开心
    2021-6-22 17:23

    • 签到天数: 210 天

    [LV.7]常住居民III

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

    群组: 2015年数学中国“建模

    群组: 2016美赛优秀论文解析

    群组: 2011年第一期数学建模

    群组: 数学建摸协会

    群组: 认证人才交流群
    6#
    发表于 2015-5-13 00:29 手机频道 |只看该作者 |招呼Ta 关注Ta
    哦哦哦哦哦哦哦哦哦1 {! y+ B5 Z5 j" W$ J
    回复

    使用道具 举报

    雨龙1618 实名认证    中国数模人才认证  会长俱乐部认证 

    81

    主题

    21

    听众

    5027

    积分

    升级  0.54%

  • TA的每日心情
    开心
    2021-6-22 17:23

    • 签到天数: 210 天

    [LV.7]常住居民III

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

    群组: 2015年数学中国“建模

    群组: 2016美赛优秀论文解析

    群组: 2011年第一期数学建模

    群组: 数学建摸协会

    群组: 认证人才交流群
    7#
    发表于 2015-5-13 00:29 手机频道 |只看该作者 |招呼Ta 关注Ta
    嗯嗯嗯嗯恩分
    3 p4 t5 J7 P9 ]9 n  l# X, H
    回复

    使用道具 举报

    雨龙1618 实名认证    中国数模人才认证  会长俱乐部认证 

    81

    主题

    21

    听众

    5027

    积分

    升级  0.54%

  • TA的每日心情
    开心
    2021-6-22 17:23

    • 签到天数: 210 天

    [LV.7]常住居民III

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

    群组: 2015年数学中国“建模

    群组: 2016美赛优秀论文解析

    群组: 2011年第一期数学建模

    群组: 数学建摸协会

    群组: 认证人才交流群
    8#
    发表于 2015-5-13 00:30 手机频道 |只看该作者 |招呼Ta 关注Ta
    嗯嗯嗯嗯恩分
    % p& P5 D4 R' q: |( |
    回复

    使用道具 举报

    雨龙1618 实名认证    中国数模人才认证  会长俱乐部认证 

    81

    主题

    21

    听众

    5027

    积分

    升级  0.54%

  • TA的每日心情
    开心
    2021-6-22 17:23

    • 签到天数: 210 天

    [LV.7]常住居民III

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

    群组: 2015年数学中国“建模

    群组: 2016美赛优秀论文解析

    群组: 2011年第一期数学建模

    群组: 数学建摸协会

    群组: 认证人才交流群
    9#
    发表于 2015-5-13 00:30 手机频道 |只看该作者 |招呼Ta 关注Ta
    嗯嗯嗯嗯恩分& i% e  S- u6 G6 }& r% F
    回复

    使用道具 举报

    雨龙1618 实名认证    中国数模人才认证  会长俱乐部认证 

    81

    主题

    21

    听众

    5027

    积分

    升级  0.54%

  • TA的每日心情
    开心
    2021-6-22 17:23

    • 签到天数: 210 天

    [LV.7]常住居民III

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

    群组: 2015年数学中国“建模

    群组: 2016美赛优秀论文解析

    群组: 2011年第一期数学建模

    群组: 数学建摸协会

    群组: 认证人才交流群
    10#
    发表于 2015-5-13 00:30 手机频道 |只看该作者 |招呼Ta 关注Ta
    嗯嗯嗯嗯恩分
    % @+ ^5 k/ p  K$ V  r& g
    回复

    使用道具 举报

    12下一页
    返回列表 发新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 注册地址

    qq
    收缩

    • 电话咨询

    • 04714969085

    fastpost

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

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

    蒙公网安备 15010502000194号

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

    GMT+8, 2025-8-18 05:43 , Processed in 1.195795 second(s), 101 queries .

    回顶部