怎样根据比例给表格中的某一项添加渐变的背景色？

Question

上图是循环出来的表格(用的vue)，其中有一个字段是概率，如何根据概率的数值来给表格中相应的一行添加背景色呢？比如概率的数值是50%，那我就给表格的一半添加背景色，并且这个背景色是渐变的，请大家给个思路。

Answer 1

https://jsfiddle.net/5ac7uwyg/

Answer 2

假设循环的是tr,利用background-size设定宽度

<tr v-for="item in rows" :style="background: 'linear-gradient(left, #1edf17, #1edf17, #3ceded, #5d83ff)', background-size: item.gailv + ' 100%'">
    <td></td>...
</tr>