带有jquery进度条的css树文件夹列表
我有一个文件夹树,我想添加一个进度条旁边的文件夹名称,这也是一个锚。进度条div部分是jQuery UI进度条div带有jquery进度条的css树文件夹列表,jquery,css,list,html,tree,Jquery,Css,List,Html,Tree,我有一个文件夹树,我想添加一个进度条旁边的文件夹名称,这也是一个锚。进度条div部分是jQuery UI进度条div pblabel元素应位于进度条的顶部。bar元素是具有可变宽度的进度条本身 <ul> <li> <a href="" style="display: inline;">test</a> <div id="progressbar" style="display: inline; height: 2em; ba
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>
-
进步
。除此之外,您没有看到蓝色条的原因是它的宽度为30%,是内联的(它也是空的)<代码>内联
意味着它将使用尽可能少的空间;因此,width
对于inline
元素没有意义
由于div是空的(里面没有任何内容)并且是内联的,所以它的宽度将是0,您将看不到它。
。除此之外,您没有看到蓝色条的原因是它的宽度为30%,是内联的(它也是空的)<代码>内联
意味着它将使用尽可能少的空间;因此,width
对于inline
元素没有意义
因为div是空的(里面没有任何内容),并且是内联的,所以它的宽度将是0,您将看不到它。如果只是CSS的问题,您最好在doctype上询问这个问题。不管是哪种方式,我们能看到一个屏幕截图还是一个到现场演示的链接吗?如果只是CSS的问题,你最好在doctype上问这个问题。不管是哪种方式,我们都能看到屏幕截图或现场演示的链接吗?
<div id="bar" style="display: inline; background: blue; width: 30%; height: 100%;></div>