Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带有jquery进度条的css树文件夹列表_Jquery_Css_List_Html_Tree - Fatal编程技术网

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

带有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

我有一个文件夹树,我想添加一个进度条旁边的文件夹名称,这也是一个锚。进度条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>
  • 进步
    。除此之外,您没有看到蓝色条的原因是它的宽度为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>