Circular progress indicator with jQuery

jquery progress-bar
newbie picture newbie · Oct 10, 2010 · Viewed 60.6k times · Source

I need circular progress indicator. How should I implement this?

What I'm looking for is what jQuery UI has in their planning page, but its not yet implemented. I'm just curious if anyone has implemented this before. See item 6 in following image.

alt text

http://wiki.jqueryui.com/ProgressIndicator

Answer

mpen picture mpen · Oct 10, 2010

Like, one of these? You don't need a plugin for that. Just .show() and .hide() a GIF as necessary (or insert it into the DOM, whatever floats your boat).

Related questions

File upload progress bar with jQuery

I am trying to implement an AJAX file upload feature in my project. I am using jQuery for this; my code submits the data using AJAX. I also want to implement a file upload progress bar. How can I do …

Read More
Display a loading bar before the entire page is loaded

I would like to display a loading bar before the entire page is loaded. For now, I'm just using a small delay: $(document).ready(function(){ $('#page').fadeIn(2000); }); The page already uses jQuery. Note: I have tried this, but it …

Read More
Dynamically change bootstrap progress bar value when checkboxes checked

I'm trying to make a dynamic checklist with bootstrap progress bar. Here's my markup code <div class="progress progress-striped active"> <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> </div> </div> <div …

Read More