数学建模社区-数学中国
标题:
6种新颖好看的jQuery和CSS3进度条
[打印本页]
作者:
种晓13
时间:
2013-3-5 16:16
标题:
6种新颖好看的jQuery和CSS3进度条
6种新颖好看的jQuery和CSS3进度条
/ ~6 y( Z: a( X5 c/ ?+ K# w
1、不同进度显示不同颜色的进度条
5 ~& J, h% }" v& S5 L$ w2 M1 b z
这款CSS3进度条和别的有所不同，他的主要特点是随着进度的变化，进度条的颜色会有所改变，这个和游戏中人物的生命值很相似。
2 F, ^! ]: q5 D7 w, |; f( ]2 ^
6 g9 O2 y7 ]. N4 ^7 b) g% {* y) s$ T
2、纯CSS3实现的彩色进度条
6 q1 D+ \, w# K5 S+ D' r" x1 r
该进度条利用了CSS3的颜色渐变属性，让进度条的色彩显得非常具有立体感。
! P" M. O- {3 @$ m' ]
% ]* K1 l. {+ m4 _2 r* h
3、jQuery Progress Bar
) s- W) W N/ S2 {- k
- |- [" N5 H$ B0 {
4、jQuery自定义Loading动画插件Spin.js
4 H7 C5 F W% B# T9 F
Spin.js可以自定义动画加载图案的长度、宽度、粗细、速度等参数，非常灵活。 利用Spin.js可以快速地为你定制一款漂亮的加载动画图片。
* K& h: x8 `4 I+ t7 E+ B/ q( \
# h" O' Q' ^4 u' \* _
5、3款基于CSS3的动画加载效果
# N) q; t* B V4 N4 N
这3款CSS Loading动画非常有创意，而且具有立体感。
" e- R) i' M- L9 o9 Q5 z
% e/ H y* h d9 i
6、简单的CSS3进度条
* |$ w4 i! y! q$ Q
这款CSS3进度条十分简单，但外观却很漂亮，值得收藏和使用。
- L, N+ S% @+ y7 ~
作者:
厚积薄发
时间:
2013-3-5 16:18
赞一个
作者:
lee博少
时间:
2013-5-6 08:32
赞一个
作者:
秦时古月
时间:
2013-9-25 19:24
赞一个
作者:
雨龙1618
时间:
2015-5-13 00:29
好默默哦哦哦哦哦
/ [3 q/ `3 m% f5 b( H. `
作者:
雨龙1618
时间:
2015-5-13 00:29
哦哦哦哦哦哦哦哦哦
9 Q. [ f3 ^6 p+ L
作者:
雨龙1618
时间:
2015-5-13 00:29
嗯嗯嗯嗯恩分
- I+ ^, X0 n+ v* q# y8 Z2 e
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
; M- R% n3 p/ B3 _
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
, h8 p! x9 e$ Z
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
8 ~, g2 y) e& G$ c; Z( a
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
, b9 x2 l! q1 z- [/ P' ?
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
* w% K8 {1 J3 f0 n# K% c( J& g% F
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩分
$ q9 k1 {5 @- B( c+ \
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩
* }+ }5 ]8 _) h k- d
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩
+ ]% m' c. f7 x0 g3 I
欢迎光临 数学建模社区-数学中国 (http://www.madio.net/)
Powered by Discuz! X2.5
% ]* K1 l. {+ m4 _2 r* h
% e/ H y* h d9 i