本文总结了7种效果酷炫，可发光、可渐变、可实现像素化、3D效果展示、并且可以自定义的CSS3进度条动画，每一种效果都是一种典型代表，分享给大家学习收藏。
CSS3发光进度条动画 超炫酷的样式
一款非常炫酷的CSS3进度条动画，其样式风格类似于星球大战里面的那些激光剑效果。页面初始化时，可以设定进度条的值，但是我们也可以利用其配套的按钮来动态改变进度条的值，使用起来比较方便。
超炫酷的CSS3进度条动画 背景色渐变
这是一款CSS3进度条动画应用，之前也有介绍过不少jQuery/CSS3/HTML5的进度条插件，如HTML5 SVG带圆形进度条动画的提交按钮特效。今天介绍的这款CSS3进度条的背景色是渐变的，非常具有立体的视觉效果，并且进度在滚动时可以实时显示当前进度百分比。
HTML5 Canvas彩色像素进度条动画
一款基于HTML5 Canvas的彩色像素进度条动画，它有两个特点，其一是进度条颜色会随着进度的改变而改变，其二是进度条更新时，会产生像素掉落的动画特效，很有创意。
CSS3彩色进度条 按百分比显示不同颜色
这是一款很不错的CSS3进度条应用，这款CSS3进度条和普通的不一样，它可以根据不同的百分比来显示当前进度的颜色，很像游戏中人物生命值一样，随着进度增加，进度条的颜色就会发生变化。
CSS3 3D环形进度条 带进度百分比
这是一款基于纯CSS3的环形进度条，而且，从外观上看，这款进度条很有3D立体的感觉，尤其是在进度条上有立体的投影，显得非常小巧迷人。另外，进度条的环形中央带有进度百分比，可以实时根据进度来更新百分比的数值。
HTML5/CSS3动画进度条 可用于投票结果分析
这款CSS3进度条可用于投票结果分析，效果也非常不错。与下面介绍的漂亮CSS3动画进度条 可自定义进度条颜色类似，同样有动画效果，同样可以用作统计图表。
漂亮的CSS3动画进度条 可自定义进度条颜色
这款CSS3动画进度条，我们可以用它来显示每一项数据所占的比例，效果很不错，5种颜色的进度条上还有阴影效果不断掠过，很漂亮。
来源：http://www.html5tricks.com/，HTML5中国整理
