Javascript 动画进度条文本显示

（我网站上的代码将粘贴在下面） 我刚刚从互联网上删除了这段代码，我想知道是否有人能帮我一点忙。末尾有一个小x%，显示百分比（x是数字）。有什么方法可以让它出现在进度条的中间，而不是在结尾，也可以改变文本的字体？一旦满了，x%会消失吗？如果有人能帮我，我将不胜感激

函数进度条（百分比，$element）{
var progressBarWidth=percent*$element.width（）/100；
$element.find（'div'）.animate（{width:progressBarWidth}，500）.html（百分比+“%”）；
}

#进度条{
宽度：400px；
高度：22px；
边框：1px实心#111；
背景色：#292929；
}
#进步酒吧部{
身高：100%；
颜色：#fff；
文本对齐：右对齐；
线高：22px；
宽度：0；
背景色：#CC6600；
}
.pbar{
背景：#FFF；
边框：1px实心#AAA；
溢出：隐藏；
}
.pbar分区{
背景图片：url（pbar.gif）；
右边框：1px实心#AAA；
}

progressBar（23，$）；

您可以使用快捷方式和引导进度条

如果你想给它设置动画。使用“宽度”属性

var w=0；
setInterval（函数（）{
w=w%100+10；
$（“#动画”）.width（w+'%'）.text（w+'%'））
}, 1000);
。紫色进度条{
背景色：紫色！重要；
字体大小：24px！重要；
线高：240px！重要；
字体系列：“时代新罗马”
}
.进步{
最小高度：240px；
最大宽度：240px；
背景颜色：蓝色；
}
.进度条橙色{
背景色：橙色！重要；
}

40%
40%
40%
40%
更改文本对齐：右；在#progressBar div中对齐文本：居中；并更改该元素的css以包含您的字体preferences@DRGA谢谢，我以前确实试过字体系列，但似乎不起作用。虽然我第一次错过了文本对齐，但这一次它确实起了作用（两个）谢谢！我不知道为什么字体家族第一次不起作用，但是现在它起作用了。这看起来不错，但是我如何使用我自己的css来定制它们呢？宽度、高度、背景色、条形图颜色、字体、字体颜色等？自定义条形图的编辑答案