首页 / JAVASCRIPT / javascript – 静态进度栏作为表格单元格的背景

javascript – 静态进度栏作为表格单元格的背景

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 静态进度栏作为表格单元格的背景，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1008字，纯文字阅读大概需要2分钟。

内容图文

有没有人知道将行或单元格的背景设置为“进度条”的最佳方法.例如,如果’使用百分比’单元格值为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 – 静态进度栏作为表格单元格的背景全部内容，希望文章能够帮你解决javascript – 静态进度栏作为表格单元格的背景所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/741090.html

来源：【匿名】