带有 Safari 的引导进度条

【问题标题】：Bootstrap Progress Bar with Safari带有 Safari 的引导进度条
【发布时间】：2014-04-25 23:00:05
【问题描述】：

我将引导程序用于不确定的进度条。它们在 Chrome 和 Firefox 中运行良好，没有任何问题。在页面加载时，我将它们隐藏起来，然后当单击按钮时，它会为显示进度条的函数引用单击事件，然后提交表单。我已尝试将引导程序升级到版本 3，但它仍然无法在 Safari 中运行。

$("#progress").hide();

function progress(){
    $(function() {

        $("#progress").show();
        });

    document.forms["input"].submit();
}

【问题讨论】：

【解决方案1】：

在提交表单之前，我在显示/动画引导进度条时遇到了同样的问题。我通过在显示进度条后使用 setTimeout() 调用提交操作解决了这个问题（超过 300 个作品）。

这与 Safari 在重定向后没有向页面呈现任何更新有关，就像在表单发布的情况下一样。它似乎是唯一这样做的浏览器：

使用 setTimeout() 有效，但 Safari 会在超时时间过后，即表单提交时切断动画。您可以使用稍长的超时时间来在 Safari 上创建更好的上传错觉（动画在其他浏览器上的发布期间继续工作）。

【讨论】：