article:
Plugin: jQuery Gantt Chart
article:
Video: 2012 Korea Webmaster Conference

Plugin: Percentage Loader

Advertisement

jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. The plugin takes miniminal installation and is simple and flexibile to use. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional). It uses vectors rather than images so can be easily deployed at various sizes by simply adjusting the initial parameters.

Plugin: Percentage Loader


Requirements

- jQuery 1.4+
- Firefox 3.0+, Safari 4.0+, Chrome 7+, IE9+, Opera 9+


Examples:
$("#myDiv").percentageLoader({
    width : 180, height : 180, progress : 0.5, value : '512kb'});


You can update the values with .setProgress() and .setValue() functions, e.g.
var loader = $("#myDiv").percentageLoader();
loader.setValue('250kb');
loader.setProgress(0.5);

You can handle updates with a user-controllable loader with a callback function:

var loader;
loader = $("myDiv").percentageLoader({
    controllable : true,
    onProgressUpdate : function (value) {
        loader.setProgress(value * 100.0);
    }
});




source
instructions
downloads

Advertisement
Tags: plugin, jquery, loader, ajax, js, design, develop, web, css, fonts, image, html

Leave a Comment

No Comment

© Creative3x Ltd.