el-progress 动画0到100

`el-progress` 是 Element UI 中的一个加载进度条组件，用于显示任务的完成程度。当你需要展示一个从无到满的过程时，比如数据请求的加载状态，你可以通过设置 `percentage` 属性来控制进度条的动画效果。0代表初始状态（通常是白色或者透明），100代表完全加载完成（通常填充进度条的颜色）。当 `percentage` 的值变化时，`el-progress` 会平滑地更新其宽度，显示相应的加载进度。

例如，在Vue.js中使用它可能像这样：

<el-progress :percentage="progressPercent" type="dashboard"></el-progress>

然后在对应的JavaScript里动态更新 `progressPercent` 的值：

data() {
  return {
    progressPercent: 0, // 初始值设为0
  };
},
methods: {
  loadProgress() {
    this.progressPercent = 100; // 加载完成后设置为100
    setTimeout(() => {
      this.progressPercent = 0; // 模拟异步操作后重置
    }, 2000); // 假设整个过程需要2秒
  }
}

每当调用 `loadProgress()`，进度条就会从0动画过渡到100，然后再回到0，模拟了一个完整的加载过程。