implementare la progress bar ui jquery


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



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.