这次我们要来分享一款非常炫酷的CSS3进度条动画,其样式风格类似于星球大战里面的那些激光剑效果。页面初始化时,可以设定进度条的值,但是我们也可以利用其配套的借口来动态改变进度条的值,使用起来比较方便。另外以前介绍过一款CSS3 3D进度条,其风格也类似。
标签归档:CSS3进度条
12,044 人浏览
2016-01-03 14:40:34
超炫酷的CSS3进度条动画 背景色渐变
20,281 人浏览
2015-07-19 21:47:26
这次要给大家分享的是一款效果很酷的CSS3进度条动画应用,之前也有介绍过不少jQuery/CSS3/HTML5的进度条插件,比如HTML5 Canvas彩色像素进度条动画、jQuery动画进度条 实时显示进度百分比等。今天介绍的这款CSS3进度条的背景色是渐变的,非常具有立体的视觉效果,并且进度在滚动时可以实时显示当前进度百分比。
HTML5 Canvas彩色像素进度条动画
18,625 人浏览
2015-01-11 20:09:02
CSS3彩色进度条 按百分比显示不同颜色
23,489 人浏览
2014-07-11 21:47:21
CSS3垂直进度条动画 数字百分比显示
13,611 人浏览
2014-06-29 22:10:47
CSS3 3D环形进度条 带进度百分比
40,823 人浏览
2014-06-15 14:01:42
这是一款基于纯CSS3的环形进度条,而且,从外观上看,这款进度条很有3D立体的感觉,尤其是在进度条上有立体的投影,显得非常小巧迷人。另外,进度条的环形中央带有进度百分比,可以实时根据进度来更新百分比的数值,和之前分享的HTML5/CSS3扇形进度条动画相比有一定优势。
HTML5/CSS3扇形进度条动画 可渐变颜色
18,204 人浏览
2014-06-13 21:27:04
今天我们要来分享一款很特别的CSS3进度条动画,它是一个半个圆的扇形,同时,随着进度的增加,进度条的背景颜色会逐渐变化,最后完成的时候变成绿色,效果非常不错。另外,我们再推荐之前分享过的一款进度条:漂亮的CSS3动画进度条 可自定义进度条颜色。
10款造型奇特的CSS3进度条/Loading动画
13,061 人浏览
2014-04-29 08:00:12
HTML5/CSS3动画进度条 可用于投票结果分析
11,689 人浏览
今天我们要来分享一款很酷的CSS3动画进度条插件,这款CSS3进度条还可以用在投票结果分析,效果也非常不错。这和之前介绍的漂亮的CSS3动画进度条 可自定义进度条颜色类似,同样有动画效果,同样可以用作统计图表。
漂亮的CSS3动画进度条 可自定义进度条颜色
29,126 人浏览
2014-04-25 07:00:31
今天我们要再来分享一款很漂亮的CSS3动画进度条,我们可以用它来显示每一项数据的所占的比例,效果很不错。之前我们也有分享过很多功能强大的CSS3进度条,像纯CSS3进度条 华丽5色进度条示例、CSS3 SVG 进度条 Loading 动画 炫酷发光特效都和今天分享的这款比较类似,可以看看。