引导程序加载栏+按钮

Question

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/

Answer 1

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