CODEWITHSUNDEEP
jqueryhtmltwitter-bootstrap
Shixma
Shixma

Reputation: 425

Bootstrap loading bar + button

I'm trying to make a download page for my website. I need to it have an animated loading bar and when the loading bar is complete the download button should then appear. I made it in jsfiddle and it all works there but it doesnt seem to work on my website. I am using an updated version of bootstrap on my website but I don't see why that should make a difference.

Summary: The loading bar on my website doesn't actually load

My website: http://coden.gaming.multiplay.co.uk/downloads/download/download_sourcecode/

$(".btn-success").hide();
var progress = setInterval(function () {
       var $bar = $('.bar');
      if ($bar.width() >= 400) {
       clearInterval(progress);
       $(".btn-success").show();
       $('.progress').removeClass('active');
   } else {
       $bar.width($bar.width() + 40);
  }
 }, 115);

http://jsfiddle.net/9NAcb/5/

Upvotes: 0

Views: 687

Answers (1)

Nick
Nick

Reputation: 1570

You use Bootstrap 2 in your code and Bootstrap 4 CSS. Boostrap 4 CSS has .progress-bar class.

Upvotes: 1

Related Questions