Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带有消息html/javascript的Progressbar_Javascript_Html_Progress Bar - Fatal编程技术网

带有消息html/javascript的Progressbar

带有消息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

我想把一个个性化的消息放在一个区域,上面写着:“特定的消息”,这取决于进度的百分比

例如: -最多15%,显示信息:“开始下载…” -最多30%,显示消息:“检查新更新…”

My Progressbar.html-


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 );
      }
    }