30款基于 jQuery & CSS3 的加载动画和进度条插件

  我们所生活每一天看到的新技术或新设计潮流的兴起,Web 开发正处在上升的时代。HTML5 & CSS3 技术的发展让 Web 端可以实现的功能越来越强大。

  加载动画和进度条使网站更具吸引力。该进度条也会显示有价值的信息给用户,因为他们会通知用户,有一些还在进行,并要求用户耐心等待。下面是30款基于 jQuery & CSS3 的加载动画和进度条插件。

Animated Progress Bars with CSS3

Demo | Download ]

Loading Animation-jquery-plugins-12

Spin JS Bar

Demo | Download ]

Loading Animation-jquery-plugins-13

The Facebook loading animation

Demo | Download ]

Loading Animation-jquery-plugins-14

Flickr Style Loading Animation

Demo | Download ]

Loading Animation-jquery-plugins-15

CSS3 Loading Spinners Without Images

Demo | Download ]

Loading Animation-jquery-plugins-16

Sonic.js

Demo | Download ]

Loading Animation-jquery-plugins-17

QueryLoader2 – Preload your images with ease

Demo | Download ]

Loading Animation-jquery-plugins-18

jQuery Progress Bar

Demo | Download ]

Loading Animation-jquery-plugins-19

jQuery Ajax Loader & Spinner

Demo | Download ]

Loading Animation-jquery-plugins-20

Animated jQuery Progressbar

Demo | Download ]

Loading Animation-jquery-plugins-21

Automatic Page Load & Ajax Request Progress Bar

Demo | Download ]

Loading Animation-jquery-plugins-22

CSS Load

Demo | Download ]

Loading Animation-jquery-plugins-23

Mambo

Demo | Download ]

Loading Animation-jquery-plugins-24

Google Like jQuery Slim Progress Bar Plugin

Demo | Download ]

Loading Animation-jquery-plugins-25

CanvasLoader Creator

Demo | Download ]

Loading Animation-jquery-plugins-26

Loader Bar

Demo | Download ]

Loading Animation-jquery-plugins-1

Animated Progress Bar

Demo | Download ]

Loading Animation-jquery-plugins-2

Animated Progress Bar in 4 Lines of jQuery

Demo | Download ]

Loading Animation-jquery-plugins-3

Fine Uploader

Demo | Download ]

Loading Animation-jquery-plugins-29

CSS3 Loading Animation

Demo | Download ]

Loading Animation-jquery-plugins-4

Beautiful CSS3 And jQuery progress Bar

Demo | Download ]

Loading Animation-jquery-plugins-5

CSS3 Loading Animation Loop

Demo | Download ]

Loading Animation-jquery-plugins-6

dwProgressBar

Demo | Download ]

Loading Animation-jquery-plugins-7

Pure CSS Progress Bar

Demo | Download ]

Loading Animation-jquery-plugins-8

Smooth Progress Bar Loading Effect

Demo | Download ]

Loading Animation-jquery-plugins-9

Animated Skills Diagram with Raphael

Demo | Download ]

Loading Animation-jquery-plugins-10

Creating & Styling Progress Bar With HTML5

Demo | Download ]

Loading Animation-jquery-plugins-11

Ajax Style Loading Animation

Demo | Download ]

Loading Animation-jquery-plugins-27

Animated Progress Bar

Demo | Download ]

Loading Animation-jquery-plugins-28

jQuery Ajax Loading Overlay with Loading Text

Demo | Download ]

Loading Animation-jquery-plugins-30

posted @ 2014-03-04 16:45  SoWeb  阅读(706)  评论(0编辑  收藏  举报