現在、いくつかの Div を使用してカスタム ProgressBar を作成しています。「塗りつぶし」div の幅は、バックエンドの JavaScript によって処理されます。
問題は、塗りつぶし div の幅が 0px の場合でも、境界線が表示されることです。
<div id="SHyxPcLY" style="opacity: 1; visibility: visible;" class="progressbar JLUI_ProgressBar">
<div class="fill" style="width: 80px;"> </div>
<div class="track" style="width: 135px;"> </div>
</div>
<br/>
<br/>
<div id="SHyxPcLa" style="opacity: 1; visibility: visible;" class="progressbar JLUI_ProgressBar">
<div class="fill" style="width: 0px;"> </div>
<div class="track" style="width: 135px;"> </div>
</div>
CSS のみのソリューションを探しています。Xojo WebApps によって処理されるため、javascript バックエンドにアクセスできません。