mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 18:01:24 +08:00
22 lines
574 B
Vue
22 lines
574 B
Vue
|
<template>
|
||
|
|
<el-progress :percentage="50"></el-progress>
|
||
|
|
<el-progress :percentage="100" :format="format"></el-progress>
|
||
|
|
<el-progress :percentage="100" status="success"></el-progress>
|
||
|
|
<el-progress :percentage="100" status="warning"></el-progress>
|
||
|
|
<el-progress :percentage="50" status="exception"></el-progress>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import { defineComponent } from 'vue'
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
setup() {
|
||
|
|
const format = (percentage) =>
|
||
|
|
percentage === 100 ? 'Full' : `${percentage}%`
|
||
|
|
return {
|
||
|
|
format,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
})
|
||
|
|
</script>
|