el-table中显示进度条

要在 `el-table` 中显示进度条，可以使用 `scoped slot` 和 `el-progress` 组件来实现。

首先，在 `el-table` 中定义一个 `scoped slot`，命名为 `progress`（也可以自定义其他名称），用于渲染进度条组件，代码如下：

<el-table-column prop="progress">
  <template slot-scope="scope">
    <el-progress :percentage="scope.row.progress" />
  </template>
</el-table-column>

其中，`prop` 属性指定了表格数据源中的进度条数据字段，`slot-scope` 属性用于获取当前行的数据，然后将进度条的百分比值传递给 `el-progress` 组件的 `percentage` 属性即可。

完整代码示例如下：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="progress" label="进度">
      <template slot-scope="scope">
        <el-progress :percentage="scope.row.progress" />
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          progress: 50
        },
        {
          name: '李四',
          age: 20,
          progress: 80
        }
      ]
    };
  }
};
</script>