无法样式html5进度条？

Question

首先，我想提一下这是一项任务，所以我不能使用html5进度条的任何替代方案。

似乎我在栏上尝试的任何css都没有效果，除了可能将栏变为绿色。这是代码和结果：

如果我不应用任何样式，则显示如下：

我必须在这里遗漏一些东西：/

<style>
progress { background: blue; }
</style>

<progress id="progressBar" class="test_bar" value="185" max="185"></progress>
<span id="status"></span>

Answer 1

阅读本文，它应该有所帮助：http://www.hongkiat.com/blog/html5-progress-bar/。就像HTML5音频和视频播放器一样，每个浏览器的进度条看起来都不同。以下是该页面的示例：

“在Firefox中，样式会影响进度条，而进度表/值不会受到影响。”

“在Chrome和Safari中，它会从平台中删除原生样式和演示文稿，并将其替换为Webkit样式表，上面的样式将不会应用（至少目前为止）。”

“因此，在这些情况下我们需要更多的解决方法。”