如何添加一个数据实现element中进度条的动画并在进度条宽度实小于100%的时候显示相应的“”进行中“”数据，在宽度为100%的时候显示数据为“”完成“”

要实现这个功能，你可以使用 Element UI 中的 `<el-progress>` 组件。该组件可以接受一个 `percentage` 属性，用于设置进度条的百分比。

你可以根据你的业务逻辑，动态地计算出当前进度条的百分比，并将它赋值给 `percentage` 属性。在进度条宽度小于 100% 的时候，可以在进度条上方显示相应的“进行中”数据，可以使用 `<el-tooltip>` 组件来实现。在进度条宽度为 100% 的时候，可以在进度条上方显示数据为“完成”。

以下是一个示例代码：

<template>
  <el-progress :percentage="percentage" :show-text="false">
    <template #content>
      <div v-if="percentage < 100">
        <el-tooltip content="进行中">
          <span>进行中</span>
        </el-tooltip>
      </div>
      <div v-else>
        <el-tooltip content="完成">
          <span>完成</span>
        </el-tooltip>
      </div>
    </template>
  </el-progress>
</template>

<script>
export default {
  data() {
    return {
      percentage: 50, // 初始百分比为 50%
    };
  },
  methods: {
    updatePercentage() {
      // 根据业务逻辑动态计算百分比
      this.percentage = 75;
    },
  },
};
</script>

在上面的示例代码中，我们使用了 `v-if` 和 `v-else` 来根据进度条的百分比显示不同的内容。同时，在进度条上方使用了 `<el-tooltip>` 组件来显示提示信息。你可以根据你的实际需求来进行修改和调整。