index1.js 572 B

123456789101112131415161718192021222324252627282930
  1. (function ($) {
  2. var $cont = $('#prog');
  3. var $bar = $cont.find('.progress');
  4. var value = 0;
  5. var time = 200;
  6. function reset() {
  7. value = 0;
  8. $cont.removeClass('done');
  9. $bar.css('height', '0%').text();
  10. setTimeout(increment, 500);
  11. increment();
  12. }
  13. function increment() {
  14. value += 1;
  15. $bar.css('height', value + '%');
  16. $bar.css('width', value + '%');
  17. if (value === 100) {
  18. $cont.addClass('done');
  19. setTimeout(reset, 3000);
  20. return;
  21. }
  22. setTimeout(increment, time);
  23. }
  24. reset();
  25. }(this.jQuery));