Home / Premium Pro Plugins / AwsmProgressBar for jQuery

AwsmProgressBar for jQuery

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)


The AwsmProgressBar is an all-in-one-file plug-in for jQuery that permits you to create a shocking progressbar. Greater than 13 choices and 5 strategies enable to customise the progressbar to your wants. It really works with CSS3-animations and all main browsers.
The AwsmProgressBar is helpful when a state, its progress or transitions between states ought to be communicated to the consumer.


  • Replace v1.three: Elevated browser compatibility (particularly IE10+)
  • Replace v1.2: CSS3-transistions are actually absolutely supported in Opera 12+.
  • Replace v1.1a: Mounted a bug with the texture-free background and added the choice to produce an personal side ratio (reasonably than the default considered one of 100:15). The demo has been up to date as nicely.


  • CSS3-animations with fallback to gifs for older browsers
  • dynamic progress- and colour-animations, four completely different states
  • 10 adjustable choices and four customizable colors
  • adapts to the display screen dimension, even when the window is resized
  • straightforward integration, solely wants jQuery 1.four or later

The demo-page comprises a completely working instance and the entire documentation.

Browser compatibility (as of July 2013)

Desktop browsers Cell browsers
Examined: Take a look at your self:
  • Firefox eight+
  • Chrome 11+
  • Web Explorer 10+
    ( variations previous to 10 fall-back to the GIF-animation )
  • Safari 5.1+
  • Opera 12.10+
  • iOS three Safari three.2+ (iPad, iPhone, iPod)
  • Blackberry Browser 7+
  • Opera Cell 12.1+
  • Chrome for Android 27+
  • Firefox for Android 22+

The extent of the plug-in spannes the JavaScript supply code, one stylesheet and 4 graphics. Two graphics are in jpeg- and the opposite two recordsdata within the gif-format (animated). They’re used for the interior background of the progressbar and are available in a normal-sized and a small model.

The animated gifs come as a fallback resolution, in case the consumer’s browser doesn’t help CSS3-animations. The developer may also resolve to make use of gifs as default background to protect some computing energy, as these animations can eat a whole lot of it.

The AwsmProgressBar permits for 12 completely different choices it may be initialized with. These properties will be modified at any time later. 4 completely different customizable colors enable the developer to adapt the look to the encompassing web page (colors will be set for the 4 states indetermined, working, inactive and completed).

Getters and setters in addition to a way to destroy the plug-in can be found.

The package deal is available in two variations. The primary is an all-in-one-file package deal. It’s a stand-alone JavaScript-file that features all of the minified supply code, all CSS-styles and all photos as base64-data-URL’s. This model solely will depend on jQuery and should be loaded after it. The whole file has a complete dimension of ~55 kilobytes. The second model has all these recordsdata externalized, in order that the developer can load and mix them manually.


Check Also


Double Colors

DOWNLOAD It’s countless recreation. You want faucet for rotate blocks. Contact similar colours! Watch video ...


Love Calculator

DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...