我有一个显示人员列表的 HTML 表格。对于每一行,我希望有一个不同的类似进度条的背景。就像是
<table>
<tr class="progress-full">...</tr>
<tr class="progress-half">...</tr>
<tr class="progress-quarter">...</tr>
</table>
第一行的整个背景是彩色的,第二行的一半和最后一行的 1/4(带有类或直接使用 CSS 中的百分比)。
我尝试使用具有宽度的背景(如这里)但我没有成功。我可以在 tr 中包含一个 div 吗?当我检查 html 代码(例如:使用 chrome)时,div 似乎在表格之外。
<table style="width: 300px;">
<tr style="width: 75%; background: rgb(128, 177, 133);">
<div style="width: 300px;">...</div>
</tr>
<tr style="width: 50%; background: rgb(128, 177, 133);">
<div style="width: 300px;">...</div>
</tr>
</table>
或者也许是另一种方法?