0

基本上我想要实现的是使用 2 个图像创建一个进度条的影响。（一种灰度和一种彩色）。尝试将这 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 回答