在HTML表格单元格内创建进度条

Question

I'm trying to create a progress bar in a HTML table cell which gets it's data from Mysql, so that I can display how much my garbage bin is filled. So far,with the help of stackoverflow I've been able to construct this :

echo "<tr><td>".$row["Time"]."</td><td>".$row["nodeID"]."</td> 
<td>".$row["Location"]."</td><td><div class='bg' style='width: 20%'> 
</div>".$row["Percent_Filled"]."</td></tr>";

This works, but I need the progress bar width to take value from $row["Percent_Filled"]. I'm not able to do this without some or the other syntax error.

Answer 1

您快到了，只需将style='width: 20%'替换为style='width:". $row['Percent_Filled']."%'