Element progress bar

<template>
  <div> 
    <br />
    <el-progress :percentage="msg"></el-progress>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      msg: 0, 
    };
  },
  methods: { 
    prog() {
      var T = setInterval(() => {
        this.msg++;
        if (this.msg == 100) {
          clearInterval(T);
        }
      }, 1000);
    }
  },
  mounted() {
    this.prog(); 
  }
};
</script>
 
<style scoped> 
</style>

 

Guess you like

Origin www.cnblogs.com/wulicute-TS/p/11940476.html