带有消息html/javascript的Progressbar
我想把一个个性化的消息放在一个区域,上面写着:“特定的消息”,这取决于进度的百分比 例如: -最多15%,显示信息:“开始下载…” -最多30%,显示消息:“检查新更新…” My Progressbar.html-带有消息html/javascript的Progressbar,javascript,html,progress-bar,Javascript,Html,Progress Bar,我想把一个个性化的消息放在一个区域,上面写着:“特定的消息”,这取决于进度的百分比 例如: -最多15%,显示信息:“开始下载…” -最多30%,显示消息:“检查新更新…” My Progressbar.html- jQuery UI Progressbar-自定义标签 .ui进度条{ 位置:相对位置; } .进度标签{ 位置:绝对位置; 左:50%; 顶部:4px; 字体大小:粗体; 文本阴影:1px 1px 0#fff; } .ui小部件头{ 背景:#3CE049 url(“图像/ui-b
jQuery UI Progressbar-自定义标签
.ui进度条{
位置:相对位置;
}
.进度标签{
位置:绝对位置;
左:50%;
顶部:4px;
字体大小:粗体;
文本阴影:1px 1px 0#fff;
}
.ui小部件头{
背景:#3CE049
url(“图像/ui-bg_highlight-soft_75_cccc_1x100.png”)50%50%重复-x;
}
$(函数(){
var progressbar=$(“#progressbar”),
progressLabel=$(“.progressLabel”);
progressbar.progressbar({
值:false,
更改:函数(){
progressLabel.text(progressbar.progressbar(“值”)+“%”);
},
完成:函数(){
progressLabel.text(“完成!”);
}
});
功能进展(){
var val=progressbar.progressbar(“值”)|| 0;
progressbar.progressbar(“值”,val+2);
如果(val<99){
设置超时(进度,800);
}
}
setTimeout(progress,2000);
});
加载。。。
特定信息
我希望你能理解我,谢谢为什么不说一句简单的“如果”呢。给span一个id='msg'并使用此进度函数:
function progress() {
var val = progressbar.progressbar( "value" ) || 0;
progressbar.progressbar( "value", val + 2 );
if(val > 15){
document.getElementById('msg').innerHTML = 'Checking for new updates';
}
if(val > 30){
document.getElementById('msg').innerHTML = 'Some other msg';
}
if(val > 50){
document.getElementById('msg').innerHTML = 'As many as you like';
}
if ( val < 99 ) {
setTimeout( progress, 800 );
}
}
函数进度(){
var val=progressbar.progressbar(“值”)|| 0;
progressbar.progressbar(“值”,val+2);
如果(val>15){
document.getElementById('msg').innerHTML='checkingfornewupdates';
}
如果(val>30){
document.getElementById('msg').innerHTML='someothermsg';
}
如果(val>50){
document.getElementById('msg').innerHTML='任意数量';
}
如果(val<99){
设置超时(进度,800);
}
}
function progress() {
var val = progressbar.progressbar( "value" ) || 0;
progressbar.progressbar( "value", val + 2 );
if(val > 15){
document.getElementById('msg').innerHTML = 'Checking for new updates';
}
if(val > 30){
document.getElementById('msg').innerHTML = 'Some other msg';
}
if(val > 50){
document.getElementById('msg').innerHTML = 'As many as you like';
}
if ( val < 99 ) {
setTimeout( progress, 800 );
}
}