Question

我正在尝试为我的网站制作一个下载页面。我需要它有一个动画加载栏，当加载栏完成后，应出现下载按钮。我在jsfiddle中创建它并且它都在那里工作，但它似乎在我的网站上工作。我在我的网站上使用了更新版本的bootstrap，但我不明白为什么会有所作为。

摘要：我网站上的加载栏实际上并未加载

我的网站：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

您在代码和Bootstrap 4 CSS中使用Bootstrap 2。 Bootstrap 4 CSS有.progress-bar类。

Bootstrap加载栏+按钮

1 个答案: