用vue编写的一个系统里涉及到投票活动的时间限制，开始时间：2023-01-01 08:00:00 截止时间：2024-01-01 08:00:00，如果现在是2024-01-01 07:00:00，怎么结合elementui组件用百分比的形式表现活动进展， <el-progress :text-inside="true" :stroke-width="26" :percentage="70"></el-progress>补充写出详细代码

你可以使用Vue和Element UI组件来实现此功能。首先，你需要计算投票活动的进展百分比。可以通过以下方式计算：

// 获取当前时间
const now = new Date();

// 获取开始时间和截止时间
const startTime = new Date('2023-01-01 08:00:00');
const endTime = new Date('2024-01-01 08:00:00');

// 计算活动总时长
const totalDuration = endTime - startTime;

// 计算当前时间与开始时间的时长
const currentDuration = now - startTime;

// 计算进展百分比
const progressPercentage = (currentDuration / totalDuration) * 100;

然后，你可以将进展百分比传递给`<el-progress>`组件的`percentage`属性，以在页面上显示进度条：

<template>
  <div>
    <el-progress
      :text-inside="true"
      :stroke-width="26"
      :percentage="progressPercentage"
    ></el-progress>
  </div>
</template>

<script>
export default {
  data() {
    return {
      progressPercentage: 0
    };
  },
  mounted() {
    // 在组件挂载后计算进展百分比
    this.calculateProgress();
  },
  methods: {
    calculateProgress() {
      // 获取当前时间
      const now = new Date();

      // 获取开始时间和截止时间
      const startTime = new Date('2023-01-01 08:00:00');
      const endTime = new Date('2024-01-01 08:00:00');

      // 计算活动总时长
      const totalDuration = endTime - startTime;

      // 计算当前时间与开始时间的时长
      const currentDuration = now - startTime;

      // 计算进展百分比
      this.progressPercentage = (currentDuration / totalDuration) * 100;
    }
  }
};
</script>

以上代码将根据当前时间动态计算进度百分比，并将其传递给进度条组件的`percentage`属性，以实现活动进展的百分比展示。确保在需要展示进度条的页面引入此组件，并根据需要进行样式和其他配置。