1

我有一个让我们说高度：15px 和宽度：300px，这将是渐变进度条动画的地方。

所以让我们说这里是文件：

<html>
  <body>
    <a href="#container3">Container 3</a>
    <div id="container1" style="width:100%;height:1000"></div>
    <div id="container2" style="width:100%;height:650"></div>
    <div id="container3" style="width:100%;height:480"></div>
    <div id="container4" style="width:100%;height:600"></div>
  </body>
</html>

假设那里有一个固定位置的进度条。所以当你点击Container 3时，它会向下滚动到元素#container3，并且渐变进度条的宽度会随着文档向下滚动而增加，这意味着渐变进度条是相对于你滚动的高度而言的，并且会达到完整宽度，因为元素#container3 将到达屏幕顶部。滚动也可以手动完成，而不仅仅是单击 Container 3

-我如何为渐变（从左到右）背景颜色设置动画 -什么是 jquery 算法来获得相对于您滚动的高度的渐变宽度增加/减少。

非常感谢现场示例

4

1 回答 1

0

渐变进度条的网址很少

http://www.htmldrive.net/tags/show/progress+bar ,

http://jqueryui.com/progressbar/#animated

在元素上分层渐变

于 2013-02-04T11:10:36.813 回答