Percentage Loader- jQuery Plugin



Query.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. Installation and use is quick and simple. It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional), using vectors rather than images so can be easily deployed at various sizes.

Options include:

  • progress (initial starting position of loader, range 0 - 1.0)
  • value (initial label for the value)
  • width (default 256)
  • height (default 256)
  • controllable (true/false, defaults to false) allows the user to set the value by clicking
  • onProgressUpdate(value) - provide a callback function for controllable loaders with the updated value

Example:
 $("#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); 
     
    DOWNLOAD LINK:jquery.percentageloader.zip  
    

    

    

    

    

    

    

    

    








    

    

    


    
0
comments:
        

    

    

    

    

    

    

    


    

    






    

    


    



    

    

    
Subscribe to:
Post Comments (Atom)