需要がありそうな気がしたので、プログレスバーのCSSを汎用にしました。
名前は適当につけました。
こんな感じで使えます。
<div id="progress1" style="width:300px"> <div class="progress_base"> <div class="progress_text"> 50% </div> <div class="progress_gauge" style="width:50%"> </div> </div> </div>
jQueryやprototype.jsなどを使えばJavaScriptからも簡単にアクセスできます(idとクラス名でDOMを検索する)。
バーの高さはフォントサイズに依存しています。
ライセンスは修正BSDです。