我正在尝试使用基本进度条,但我无法找出如何在进度条内放置文本的CSS/命令。我正在使用这个进度条:http://docs.jquery.com/UI/Progressbar,但如果其他实现方式同样简单,我也愿意尝试。
我希望它能在左上角显示一些静态信息,然后在右侧的某个位置显示完成百分比。所有我的CSS尝试都只是让信息显示在下方或侧面。同时,我不确定如何根据JQuery方法实际更改此CSS(对JQuery新手来说)。
以下是我的实际JQuery代码。请不要尝试理解url值,只需假定它返回0-100。
我希望它能在左上角显示一些静态信息,然后在右侧的某个位置显示完成百分比。所有我的CSS尝试都只是让信息显示在下方或侧面。同时,我不确定如何根据JQuery方法实际更改此CSS(对JQuery新手来说)。
以下是我的实际JQuery代码。请不要尝试理解url值,只需假定它返回0-100。
<script type="text/javascript">
var url = "%%$protocol_url%%/bin/task_status?id=%%$tid%%&cmd=percent_done";
$(function() {
var progress = 0;
//alert("some value" + value, value);
$("#progressbar").progressbar({ progress: 0 });
setTimeout(updateProgress, 500);
});
function updateProgress() {
var progress;
$.get(url, function(data) {
// data contains whatever that page returns
if (data < 100) {
$("#progressbar")
.progressbar("option", "value", data);
setTimeout(updateProgress, 500);
} else {
$("#progressbar")
.progressbar("option", "value", 100);
}
});
}
谢谢