如何顯示在css中顯示過度成就（超過100％）的進度條？

Question

我試圖顯示一個進度條，以不同顏色顯示超過100％的百分比，以表明發生了過度成就。這怎麼可以在HTML/CSS中完成？

下可以很好地用於一個進度條顯示的百分比高達100％

<div id="progressbar"> 
    <div></div> 
</div> 

#progressbar { 
    background-color: black; 
    border-radius: 13px; /* (height of inner div)/2 + padding */ 
    padding: 3px; 
} 

#progressbar div { 
    background-color: orange; 
    width: 40%; /* Adjust with JavaScript */ 
    height: 20px; 
    border-radius: 10px; 
} 

謝謝！

Answer 1

http://jsfiddle.net/qTmGE/1/

原諒我的jQuery的使用。

Answer 2

純CSS進度條 - FIDDLE