私が達成したいこと:
独自の非常にシンプルな進行状況バーを構築しようとしています。Android アプリに使用されるため、HTML4 である必要があります (ほとんどの Android ブラウザーは HTML5 プログレス タグをサポートしていません)。
選択したコンボボックスの値の変更がトリガーされるたびに、javascript で更新できるようにしたいと考えています。要素は次のようになります。
<div style="width:100px">
<div id="prog4" class="progressleft" style="width:100%"></div>
<div class="progressright"></div>
</div>
ここで要素の動作を確認できます。
私の問題：
- サイトにアクセスします: コンボボックスが最大値で選択され、プログレス バーが 100% で表示されます
- コンボボックスの値を変更します: すべてが期待どおりに機能します
- コンボボックスの値を 100% に戻します。これで、最初の行に 1 つの緑色 (幅 = 100% のように見えます) と 2 番目の行に 1 つの赤色 (幅 = 100% のように見えます) の 2 つのバーが表示されます。
なぜこれが起こっているのか誰にも分かりますか？それはjsFiddleで完全に動作します...
（ちなみに、ページ全体をjsFiddleにコピーしても完全に機能します）