2017-08-07 71 views
0

我在我的網站中實現了一個進度條,顯示總數中檢出了多少個複選框。引導程序4進度條錯誤

當以往任何時候都更新進度條,我得到上面的進度條這樣奇怪的事情:

Progress-bar bug

有誰知道是什麼原因造成的?

我使用的基本引導4代碼的進度條

<div class="progress"> 
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria- 
valuemin="0" aria-valuemax="100"></div> 
</div> 
+1

你能不能給我們說,產生這個進度條的HTML代碼。沒有一些代碼就很難回答你的問題。 –

回答

0

發生這種情況時,請使用谷歌Chrome開發者工具按Ctrl + + ,並使用巡視工具Ctrl + Shift + C並將鼠標懸停在進度條上方的未知元素上。這將幫助您識別造成此問題的原因。

單擊元素並查看屏幕右側的窗口,將顯示元素樣式。然後,您可以檢查不同的樣式,直到未知元素消失。我希望這可以幫助,這是一個調試HTML和CSS的好方法!

更多的話題here

+0

試過了。問題是,只要你移動鼠標或Card-Header附近的任何地方(這個進度條在卡頭上,就像一個摺疊按鈕一樣),這個bug就消失了。如果進度條發生改變,它會再次出現。 –

+0

啊我看到...這可能意味着它是一個瀏覽器錯誤。您是否嘗試過使用其他瀏覽器? –

+0

是的,我做到了。它似乎與Firefox和Microsoft Edge一起工作良好。如果有幫助,我使用JQuery,AngularJS,Bootstrap 4.進度條顯示總共有多少個複選框有多少個複選框。如果您勾選或取消勾選複選框,則會更新該欄。 –