List of css tree directories with jquery progress bar
I have a folder tree and I want to add a progress bar next to the folder name which is also a binding. The execution line div section is the jQuery UI execution line.
The element pblabel
should be positioned on top of the progress bar. The bar element is a variable-width progress 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>
I can see the anchor element in order with the element pblabel
next to it. I can't see the blue bar element or the white background of the progressbar element.
source to share
<div id="bar" style="display: inline; background: blue; width: 30%; height: 100%;></div>
This line is missing "
before >
. Also, the reason you don't see the blue bar is because it has a width of 30% and is equal inline
(and it is also empty). inline
means that it will use as little space as possible; for this reason a width
is meaningless for elements inline
.
Since the div is empty (there is nothing inside) and inside the line its width will be 0 and you won't see it.
source to share