私は、自分のウェブサイトにプログレスバーを実装しました。これは、チェックボックスの数がチェックアウトされていることを示しています。ブートストラップ4プログレスバーバグ
それはプログレスバーを更新し、これまでとき、私はプログレスバー上でこの奇妙なことを得る：
誰もがこれの原因を知っていますか？
私はこれが起こるたびに、私は Google Chromeの開発ツールは、Ctrlキー + Shiftキー + を使用して、プログレスバーのため
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-
valuemin="0" aria-valuemax="100"></div>
</div>
を基本的なブートストラップ4のコードを使用し、インスペクタツールを使用Ctrl + Shift + Cあなたのプログレスバーの上の未知の要素にカーソルを置きます。これは、この問題の原因を特定するのに役立ちます。
要素をクリックして画面の右側を見ると、要素のスタイルのウィンドウが表示されます。未知の要素が消えるまで、さまざまなスタイルをオフにすることができます。私はこれが助けてくれることを願っています.HTMLとCSSをデバッグするのに最適な方法です！トピックhere
それを試してみてください。マウスを上に動かすとすぐに問題が発生します。カードヘッダーの近くにある場合（このプログレスバーがカードヘッダーにあり、これは折りたたみボタンのように動作します）、このバグは消滅します。プログレスバーが変更された場合は、再度表示されます。 –
ああ、私はそれがブラウザエラーである可能性があります参照してください。あなたは他のブラウザで試しましたか？ –
はい私はしました。 FirefoxとMicrosoft Edgeでうまくいくようです。 JQuery、AngularJS、Bootstrapを使用すると便利です。進行状況バーには、チェックボックスの総数のうちチェックボックスの数が表示されます。チェックボックスをチェックするかチェックを外すと、バーが更新されます。 –
上
より多くのあなたは私たちに、このプログレスバーを生成するHTMLコードを与えることができます。いくつかのコードなしであなたの質問に答えるのは難しいでしょう。 –