美術部いずれもjavascriptで値を書き換えるとアニメーションしながら伸縮します。 パターンA(簡易版) 以下のようなケースで使います。 ブラウザ負荷を軽くしたい(スマホ用) 正確な表示じゃなくてもOK Sample HTML <div id="gauge" style="-moz-background-size: 70% 100%;-webkit-background-size:70% 100%;-o-background-size: 70% 100%;background-size: 70% 100%;">Loading...70%</div> CSS #gauge { width: 100px; height: 12px; padding: 1px 4px; border: 1px #000 solid; font-size: 10px; line-height: 12px; colo
