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

【问题标题】：css tree folders list with jquery progress bar带有 jquery 进度条的 css 树文件夹列表
【发布时间】：2009-09-28 22:46:21
【问题描述】：

我有一个文件夹树，我想在文件夹名称旁边添加一个进度条，它也是一个锚点。进度条 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 元素。我没有看到蓝色条元素或进度条元素的白色背景。

【问题讨论】：

如果只是 CSS 的问题，你最好在 doctype 上问这个问题。无论哪种方式，我们可以看到屏幕截图或现场演示的链接吗？

标签： jquery css list html tree

【解决方案1】：

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

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

由于 div 是空的（里面没有任何东西）并且是内联的，它的宽度将为 0，你不会看到它。

【讨论】：