CSS3 3D线条变换进度条动画

之前我们分享过很多CSS3进度条动画插件,今天给大家带来的是一款基于CSS3的3D线条变换进度条动画,它是由一系列排成一行的点通过线条旋转变换形成的3D立体动画来构建一个带有进度条视觉效果的动画特效,特别适合应用在个性化比较强的页面上。
css3-3d-line-progressbar

jQuery五彩火焰背景的3D进度条插件

基于jQuery和CSS3的进度条插件五花八门,非常繁多,我们之前也介绍过一些,像超富创意的CSS3飞机跑道进度条动画在外观上就非常有创意,像CSS3发光进度条动还可以自定义控制进度条的百分比。今天我们再要介绍另外一款基于jQuery的五彩火焰背景3D进度条插件,它的背景就像燃烧的火焰一样,而且也有多种颜色选择,进度条整体看上去有3D立体的视觉效果。
jquery-sparkle-3d-progressbar

CSS3超炫酷圆形计时器进度条动画

今天要给大家分享一款非常炫酷的CSS3圆形计时器,这款圆形计时器也可以用来做进度条,非常实用。该计时器由2个圆环组成,分别代表秒和分,随着时间的推移,这两个圆环将逐渐被色彩填充满,并且每一秒的过程中都会有另外一个圆环进行颜色填充。
css3-circle-timer-prograss-bar

HTML5 Canvas 圆形进度条 显示数字百分比

记得以前为大家分享过很多样式各异的进度条插件,有基于jQuery的,也有基于HTML5和CSS3的。这次我们要介绍另外一款基于HTML5 Canvas的圆形进度条应用,在黑色的背景下,白色的进度条显得格外显眼,而且圆形中央会实时显示当前进度的数字百分比,非常实用。
html5-canvas-circle-percentage

超富创意的CSS3飞机跑道进度条动画

前几天我们分享过一款很漂亮的CSS3彩色进度条加载动画 带进度百分比,相当实用。今天我们继续要为大家介绍一款非常具有创意的CSS3飞机跑道进度条动画,它的进度动画就像飞机在跑道上奔跑一样,整个进度条样式也酷似飞机跑道,当然这只是外观的不同,进度条还是那个进度条,实用性依然存在。
css3-aircraft-progressbar