HTML5進度條的最佳方法

我有一個頁面index.php，我要求用戶輸入要存儲在數據庫中的記錄數。請求發出後，它將用戶重定向到result.php並回顯執行時間。現在我想打印HTML5進度條以及其他結果。HTML5進度條的最佳方法

我的做法（這是不工作）：

for($i=0; $i<$records_to_add; $i++) 
    { 
     mysqli_query($con, "INSERT INTO assignment (name, fname, description) VALUES ('osama', 'yawar', 'This is record')"); 
     $count++; 
     $percent = intval($count/$records_to_add * 100)."%"; 

     echo '<progress min="0" max="'; echo $records_to_add; echo '" value="'; echo $percent; echo'" class="html5">'; 

    }

什麼是錯誤我在做什麼？什麼是最好的方法？我也想在進度條上顯示進度。

來源

2014-03-07 user3339224

你在找什麼？協助修復/改進上面列出的代碼，或找到（也許）完全不同的體系結構？在* one *問題中詢問他們兩個並不合適。 –

那麼我想知道解決方案加上一個理想的方法。我不知道問兩個彼此相關的問題是不恰當的。聽起來怪怪的！！！ – user3339224

嗨！這是因爲SO正試圖成爲一個偉大的編程知識庫。如果有很多人回答，這將會讓人感到困惑。他們中的一些人會試圖告訴你如何改進你的代碼，而其他人則會提出其他完全不同的方法來實現進度條。幾年後，當有人絆倒這個問題（以及答案）時，這將成爲兩者的完整混雜體。這就是爲什麼我們爲每個問題拍攝一個問題。 –

您正在混合兩個概念 - 絕對值和百分比。

將$ percent更改爲$ count。添加結束標籤。

echo '<progress min="0" max="'; echo $records_to_add; echo '" value="'; echo $count; echo'" class="html5"> </progress>'

從https://html.spec.whatwg.org/multipage/form-elements.html#the-progress-element

爲了使確定的進度欄，添加與當前進度的值屬性（從0.0的數到1.0，或者，如果所指定的最大屬性，從0到最大值屬性的數字）。要創建不確定的進度欄，請刪除值屬性。

來源

2017-09-27 20:21:17 Stevko

HTML5進度條的最佳方法

回答

相關問題