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

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

jQuery/CSS3带阴影的3D进度条插件

这是一款非常炫酷的jQuery/CSS3进度条插件,这款进度条插件的特点是带有阴影,外观看起来有着3D立体的视觉效果。另外进度条实体部分可以利用CSS3相关特性绘制任意效果的填充物,可以是渐变颜色,也可以是网格形状,同时我们可以动态设置进度条的当前值。
jquery-css3-3d-progress-bar

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

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

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

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

jQuery/CSS3彩色进度条插件 动态百分比提示

今天要为大家分享一款非常实用的jQuery/CSS3彩色进度条插件,进度条的UI风格比较漂亮,进度实体部分有发光的动画特效。另外还有一个特点是,进度百分比会动态提示,让用户实时了解当前事件的进度情况,并且在结束时提示进度完成情况。
jquery-css3-dynamic-progressbar

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

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