無法設計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樣式表，上面的樣式將不會應用（至少在此刻）。」

「所以，在這些情況下我們需要更多的解決方法。」