进度条完成后显示按钮

Question

如何制作引导进度条，完成后显示按钮，完全删除进度条？这是代码。

$(function() {
  var current_progress = 0;
  var interval = setInterval(function() {
      current_progress += 10;
      $("#dynamic")
      .css("width", current_progress + "%")
      .attr("aria-valuenow", current_progress)
      .text(current_progress + "% Complete");
      if (current_progress >= 100)
          clearInterval(interval);
  }, 1000);
});

https://codepen.io/gustitammam/pen/RRXGdj

完成后，它应该只显示一个标准按钮，并在其周围包裹着一个a href。

Answer 1

- https://codepen.io/timd3v/pen/JjPBbzE

希望有帮助。

发生了什么变化：

1. 使用类创建按钮并将CSS显示值设置为none
2. 显示按钮，并使用您已经编写的if语句隐藏进度条