Html 宽度为零时隐藏div边框

我目前正在使用几个div创建一个自定义ProgressBar。 “fill”div的宽度由后端的javascript处理

问题是当fill 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>

---

我正在寻找一个CSS唯一的解决方案。我没有访问javascript后端的权限，因为它是由Xojo WebApps处理的。

非常确定这是不可能通过CSS实现的。只有在父元素上发生某些状态更改以显示该条为空/没有宽度时，才能使用CSS实现这一点。如果您已经在使用javascript处理“填充”

width

刚刚设置了一个条件来设置

display:none

当

width

为

0px

@Ruddy时，CSS可以：；但是我同意Rui Carneiro的观点，如果你已经在使用javascript，那么在没有宽度的情况下，只需使用javascript添加一个类来删除边界。不幸的是，使用Xojo开发WebApp时，javascript是由应用程序内部处理的。当Progressbar的值更改时，我没有任何事件。