有谁知道将行或单元格的背景设置为“进度条”的最佳方法。例如，如果“已使用百分比”单元格值为 50%，则条形图会填充行或单元格背景的一半:
╔══════════════════════════════════════════════════════════╗
║░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░78%░░░░░░░░░░░░░░░ ║
╚══════════════════════════════════════════════════════════╝
我正在使用 PHP 生成表格，所以也许我可以在单元格中使用单色图像并设置 img 的宽度。我如何让单元格的文本位于顶部？我怎么知道文本是否使列变宽了...我是否必须使用固定的列宽？
Javascript 会更好吗，因为它能够检测列的呈现宽度？
编辑: 澄清一下，进度不会实时改变……只是在页面加载时。
最佳答案
如果没有 javascript，这应该很容易完成，因为宽度设置为百分比，所以您的表格宽度是多少并不重要:
<table style="width:200px; border: #777 2px solid;">
<tr>
<td style="background-color:#f00; height: 10px; width: <?php echo $_GET['percent'] . "%"; ?>;"></td>
<td style="background-color:#555;"></td>
</tr>
</table>
关于javascript - 作为表格单元格背景的静态进度条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1933326/