【问题标题】:jQuery Progress Bar Not Showing ProgressjQuery 进度条不显示进度
【发布时间】:2023-03-10 15:16:01
【问题描述】:

我找到了这个 Jquery 进度条功能,我想在我的网页加载时简单地使用它来显示进度条。实际上我包含了代码和图像。进度条显示百分比但不显示任何进度@ 987654322@

请帮帮我。我也添加了图片。

【问题讨论】:

  • 我跟着这个小提琴
  • $("#progress_bar").progressBar(progress,{barImage:'inc/img/unselected.jpg'});
  • 没有显示任何具体进展,只是我使用的图像覆盖了整个盒子区域

标签: jquery progress-bar


【解决方案1】:

创建一个宽度为 150 像素、高度为 15 像素的 div。然后在该 div 中创建另一个高度为 15px 但最初宽度为 0 的 div。

<div style="height:15px; width:150px; background-color:white; ">
    <div style="height:15px;width:0; background-color:blue; "></div>
</div>

然后,创建一个每 200 毫秒左右更新一次的计时器,并根据进度更新内部 div 的宽度。它的宽度变为 (% complete) * 150px。

【讨论】:

  • 我认为你应该使用 0elephants 或 0obamas 而不是 0px。这意味着完全相同的事情。 (也就是说,用0就行了。给0加一个单位是没有意义的!)
  • 是的,我知道,对不起,我在赶时间@DerekHenderson。你知道当你输入 3 'px' 时你已经养成了习惯。
  • 实际上插件本身处理背景和前景。我的问题是图像没有完全按照百分比值填充。是浏览器兼容性问题。我使用IE9
  • @user2280657,可以理解。 ;) 这只是我最讨厌的事情之一。
  • 不存在兼容性问题抱歉
猜你喜欢
  • 1970-01-01
  • 2012-03-21
  • 2011-03-10
  • 1970-01-01
  • 2016-09-13
相关资源
最近更新 更多