0

基本的に私が達成しようとしているのは、2つの画像を使用してプログレスバーのような効果を作成することです。（1つのグレースケールと1つのカラー）。これらの2つのdivを並べて配置し、これらのx位置と幅を動的に変更しようとしています。しかし、それらを並べて配置するという問題に直面しています。私は正しいアプローチを取っていますか？これを達成するための他のアプローチも歓迎します。

4

2 に答える 2

1

これはすべてのブラウザーで機能します。

HTML

<div id="progress-container">
    <span></span>
</div>​

CSS

#progress-container{
    background: grey; /* default background */
    width: 200px;
    overflow: hidden; /* fit to the height of span */
}
#progress-container span {
    display: block;   /* to enable width and height for this element */
    background: orange;
    height: 15px;
    width: 25%;
}

作業例: http://jsfiddle.net/ZPffE/2/

于 2012-06-09T08:39:40.897 に答える
0 
<div id="one-hundred">
     <div id="percentage">
     </div>
</div>

このようにdivを整理してみませんか？

于 2012-06-08T04:02:18.293 に答える