Question

我有一个文件夹树，我想在文件夹名称旁边添加一个进度条，它也是一个锚点。进度条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>

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

Answer 1

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

此行在"之前缺少>。除此之外，你没有看到蓝色条的原因是它的宽度为30％且为inline（并且它也是空的）。 inline意味着它将使用尽可能少的空间;因此，width对inline元素毫无意义。

由于div为空（内部没有任何内容）并且内联其宽度为0，您将看不到它。

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

1 个答案: