Advanced Search

implementare la progress bar ui jquery

/ Published in: JavaScript
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!-- HTML -->
  2. ---> jquery
  3. ---> ui.jquery
  4. ---> css/style.jquery.ui.css
  5.  
  6. <!-- CSS -->
  7. <style>.ui-progressbar-value { background-image: url(css/images/pbar-ani.gif); }</style> 
  8.  
  9. <!-- SCRIPT -->
  10. <script>
  11. $('#progressbar').progressbar({value: 0});
  12. 	var count = 0;
  13.     function runIt() {
  14.         if(count<=100){
  15.               $("#progressbar").progressbar("option", "value", count) ;
  16.              count++;             
  17.        }else{
  18.        	  clearInterval(timerID); 
  19.           //barra completata inserire la funzione
  20.        }
  21.     }
  22. </script>
  23.  
  24. <!-- HTML -->
  25. <div id="progressbar" ></div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.