首先，确保你已经在项目中引入了 Element Plus。如果没有，你可以通过以下方式安装：
npm install element-plus
然后，在你的 Vue 组件中使用 el-progress：
<template>
<div>
<el-progress :percentage="percentage" status="text" />
<el-button @click="increaseProgress">增加进度</el-button>
</div>
</template>
<script>
import { ElProgress, ElButton } from 'element-plus';
import { ref } from 'vue';
export default {
components: {
ElProgress,
ElButton,
},
setup() {
const percentage = ref(0);
const increaseProgress = () => {
percentage.value += 10;
if (percentage.value > 100) {
percentage.value = 100;
}
};
return {
percentage,
increaseProgress,
};
},
};
</script>
在这个例子中，我们使用了 el-progress 组件，并通过 :percentage 属性来设置进度的百分比。通过点击按钮，可以调用 increaseProgress 方法来增加进度。你可以根据实际需求调整进度条的样式和行为。
转载请注明出处：http://www.zyzy.cn/article/detail/5551/ElementPlus