0
CSSに関する詳細は、jQueryについてです。CSSとjQueryを使用して進行状況バーを表示してアニメ化する
私はmy Facebook gameの下にトップ7のプレーヤーと週末のリーダーを表示します。一番下の行は、イタリック体フォントでランダムなヒントが表示されます。
#topトップのdivブロックは、次のjQueryコードで、10分ごとに更新されていること：
<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>
それがうまく機能しますユーザーには何も表示されず、ブロックは次の10分間で再び更新されます。
私はajaxload.infoを見てきました。これらはすばらしい画像ですが、更新はあまり頻繁に起こっていないため、ここではあまり適していません。
私は毎分0から700pxまで伸びる水平バーを表示したいと思います（コードは1 * 60 * 1000ごとに変更する予定です）。
私の質問はどうやってそのようなバーをしますか？ divの下部にランダムなヒント行の下に黄色のバーを表示させる方法がありますか？
（そして、プログレスバーを表示するためのjQueryプラグインが少なくとも1つはありますが、画面スペースが限られているので、ここでは適切ではありません。
CSSウィザードから良いアイデアを募集しています！アレックス
UPDATE：
は私がID = "ヒント" <P>ランダムヒント</P >と下に黄色のバーに追加できません：
#hint {
background-image:url(yellow.gif);
}
と何とか（何が欠けているのか）は毎分黄色の矩形の幅を広げますか？背景画像の幅はありますか？