如何在表格组件中加入进度条形图?-灵析社区

劳资最帅

表格中指定一列,内容按照数据显示为进度图,并显示百分比文字。如何在表格组件中实现这个效果? ![图片](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/ca84532c7678d17115c3b02be6a4bb43.png)

阅读量:343

点赞量:14

问AI
可以使用背景"径向渐变" (https://link.segmentfault.com/?enc=u7ZXnmx70dhfHA1mfDjjmw%3D%3D.B5LP5sMHL5XxehcrJ2VMJZy5duWNZq87Lh8ghrrwavETxvS8P5UztUUKw7ISy%2BKomoCSCNwLZpjRTGv6gncbgfonhsuLbmvbrUqam2TS0jK5oTXMqvPt1PxXzzK6xytZZ8GhULMOy4XJ9wpPmFWwRyZna%2Fh8q%2BF3qT9tV4YmCuc%3D)做到这个效果。 https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241220/aa3ad18a1cfabbd6c8e8b17dec00374e.png Progress table { width: 200px; } table, td { border: 1px solid #333; } table thead { background-color: #333; color: #fff; } Progress 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100%