脚本没有正确地重新填充内容

Question

要制作一个包含不同条形图的网站，在水平图形的不同行上使用简单的1 / 10-10 / 10数据。 在底部，我将根据所使用的链接创建不同的图形和内容。

什么是一个好的jquery脚本来绘制带有缓和过渡的水平图？ 我看到的那个总是重新开始从左边开始绘制，右边建立，而我想让它从7/10到10/10而不是重绘0/10到10/10。 / p>

==========

更新

好的，我决定使用http://t.wits.sg/jquery-progress-bar/

现在我唯一的问题是我的小脚本替换div内容并填充进度条：

$('#classes a').click(function () {
var divname= '#'+this.name;
$('#content div').replaceWith($(divname).clone());
for (var i=0; i<9; i++) {  
$("#pb"+i+"").progressBar(); 
}  
$(window).scrollTop();
});

第一次单击classes链接时，内容被替换，progressBars加载正常。下次单击已放置该内容的SAME链接时，progressBars将被清空，并且任何进一步单击链接都不会返回progressBars，但会替换内容。