0
更多關於CSS的問題，而不是關於jQuery。顯示和動畫進度條 - 通過CSS和jQuery
我在my Facebook game的底部顯示前7位選手和每週領先者。最底部行顯示以斜體字體隨機暗示：
<script type="text/javascript">
$(function() {
setInterval(function() {
$.get("/preftop.html", function(data) {
$("#top").html(data);
});
}, 10 * 60 * 1000);
});
</script>
<div id="top">
<table width="700" bgcolor="#eeeeee">
......top7.......
</table>
<p>Random hint</p>
</div>
它運作良好：
即#top返回 DIV-塊由下述jQuery代碼，每10分鐘更新，但用戶沒有給出任何指示，該塊將在未來10分鐘內再次更新。
我看了ajaxload.info - 這些都是很酷的圖像，但這裏不太適合，因爲更新不經常發生。
所以我想顯示一個每分鐘從0增加到700px的水平條（爲此我將更改我的代碼以每1 * 60 * 1000運行）。
我的問題是你會怎麼做這樣的酒吧？有沒有辦法在div底部的隨機提示行下方顯示黃色條？ （並且我知道至少有一個用於顯示進度條的jQuery插件，但這裏不適合，因爲屏幕空間有限，看起來太笨拙）。
希望從CSS嚮導中獲得好的想法！亞歷克斯
UPDATE：
我不能添加ID = 「暗示」到<p>隨機提示</P >和下方的黃色條：
#hint {
background-image:url(yellow.gif);
}
和那麼不知何故（這是缺少的）每分鐘增加黃色矩形的寬度？背景圖像是否有寬度？