html - 宽度为零时隐藏div边框

Question

我目前正在使用多个 Div 创建自定义 ProgressBar。“填充” 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 处理。