jquery - 带有 jquery 进度条的 css 树文件夹列表

Question

我有一个文件夹树，我想在文件夹名称旁边添加一个进度条，它也是一个 anchor 。进度条 div 部分是 jQuery UI 进度条 div。

pblabel 元素应该位于进度条的顶部。 bar 元素是进度条本身，宽度可变。

<ul>
  <li>
    <a href="" style="display: inline;">test</a>
    <div id="progressbar" style="display: inline; height: 2em; background: white;">
      <div id="pblabel" style="position: absolute">progress</div>
      <div id="bar" style="display: inline; background: blue; width: 30%; height: 100%;></div>
    </div>
  </li>
</ul>

我可以看到 anchor 元素很好，旁边有 pblabel 元素。我没有看到蓝色条形元素或进度条元素的白色背景。

Answer 1

<div id="bar" style="display: inline; background: blue; width: 30%; height: 100%;></div>

此行在 > 之前缺少一个 "。除此之外，您看不到蓝色条的原因是它的宽度为 30% and 是 inline(而且它也是空的)。inline 意味着它将使用尽可能少的空间；因此 width 对 inline 元素没有意义。

由于 div 是空的(里面什么都没有)并且是内联的，所以它的宽度将为 0，您将看不到它。