-1

我看到一个网站，在它的加载时间，一个图像从左到右显示为进度条！在它下面是一个百分比计数器。

整个图像位置是白色的，在加载时，其中的图像从左到右显示，就像一个进度条。

他们怎么能做到这一点？我想得很好并搜索了网络，但是我忘记了那个网站在哪里可以看到代码。有人知道该怎么做吗？

4

1 回答 1

1

假设您知道进度值何时更改，您只需在每次进度更改时更改图像的宽度（在本例中为容器 div）。

<body>
    <div style="width:200px"> 
        <div id="test" style="width:20%; overflow:hidden;">
            <img src="http://cdn-careers.sstatic.net/careers/gethired/img/careers2-ad-header-so-crop.png" alt=""/>
        </div>
    </div>
</body>

$(function() {
       $('#test').css('width','50%');
});

请在此处查看小提琴：http: //jsfiddle.net/6wtFx/

于 2013-11-06T13:40:44.280 回答