我正在嘗試構建一個進度條組件，我想在其中實作特定的設計，您可以在此代碼框鏈接中看到我是如何嘗試的：
https://codesandbox.io/s/determined-lamport-7zjvwj。
我想實作以下行為：
- 最初，所有點都應該是藍色的，除了第一個是藍色的圓點。
- 如果百分比沒有覆寫它們，我想在將屬性更改為藍色時保留進度條中的點，否則為白色
但不知何故，我的 CSS 計算沒有按預期正常作業，我相信我錯過了一些東西，所以有什么想法嗎？
uj5u.com熱心網友回復：
第 60 行和第 61 行有錯誤
const current = steps.indexOf(stepStatus); // issue here probably
const step = steps.indexOf(stepStatus); // issue here probably應該：
const current = steps.indexOf(progressBarStatus);
const step = steps.indexOf(stepStatus)除了這個問題，澆注的寬度不準確，您可以通過更改第 51 行來解決此問題：
const progressBarCalculatedWith =
((current / (getIntermediarySteps 1)) * 100) (steps.length -1 - current);這是結果：
作業進度條
uj5u.com熱心網友回復：
只需使用計算加載條百分比的相同計算，然后將其應用到他的點上 - 如果值是 25% 或更多，那么第一個點是藍色的，然后是額外的 25% 等等。它不必與加載條的其余部分互連，它可以使用相同的計算。
基本上只是一個 If / Else。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/446917.html
下一篇：如何將輸入組與文本行內？