宽度为零时隐藏div边框

Question

我目前正在使用多个Div创建自定义ProgressBar。 ＆＃34;填充＆＃34;的宽度div由后端的javascript处理。

问题是当填充div的宽度为0px时，边框仍然可见。

<div id="SHyxPcLY" style="opacity: 1; visibility: visible;" class="progressbar JLUI_ProgressBar">
<div class="fill" style="width: 80px;">&nbsp;</div>
<div class="track" style="width: 135px;">&nbsp;</div>
</div>
<br/>
<br/>
<div id="SHyxPcLa" style="opacity: 1; visibility: visible;" class="progressbar JLUI_ProgressBar">
<div class="fill" style="width: 0px;">&nbsp;</div>
<div class="track" style="width: 135px;">&nbsp;</div>
</div>

http://jsfiddle.net/woz85cu7/

我正在寻找一种仅限CSS的解决方案。我无法访问javascript后端，因为它是由Xojo WebApps处理的。