How to show progress bar with jQuery?

Just to tell the user that your request is being processed.

EDIT:

I've find myself an image.

(source: maishudi.com)

How to show it in the center of whole page?

Answers


Progressbar

jQuery progressbar

Progress Bars & Controls


http://plugins.jquery.com/project/jQueryProgressBar

$(document).ready(function() {
$("#pb1").progressBar();
$("#pb2").progressBar({ barImage: 'images/progressbg_yellow.gif'} );
$("#pb3").progressBar({ barImage: 'images/progressbg_orange.gif', showText: false} );
$("#pb4").progressBar(65, { showText: false, barImage: 'images/progressbg_red.gif'} );
$(".pb5").progressBar({ max: 2000, textFormat: 'fraction', callback: function(data) { if (data.running_value == data.value) { alert("Callback example: Target reached!"); } }} );
$("#uploadprogressbar").progressBar();
});

or

http://docs.jquery.com/UI/Progressbar

$("#progressbar").progressbar({ value: 37 });

You can use one from Tips for Twits. Here's a demo.


This tutorial might help you a lot. It will atleast tell you from where to start!

 http://www.youtube.com/watch?v=bYTRKfcG6Rg

Need Your Help

How do you use sed from Perl?

perl sed

I know how to use sed with grep, but within Perl the below fails. How can one get sed to work within a Perl program?

How to correctly set Http Request Header in Angular 2

http angular angular2-http

I have an Ionic 2 application using Angular 2, which is sending an Http PUT to a ASP.NET Core API server. Here's the method I'm using to send the request: