前端-js内容模板元素，修改element 进度条为矩形状态

代码实现

export default {
    data() {
        return {
            outerStyle: {},
            innerStyle: {}
        };
    },
    mounted() {
        // 假设这两个元素存在并且你想应用样式
        this.outerStyle = { 'border-radius': 'inherit', 'height': '26px' };
        this.innerStyle = { 'border-radius': 'inherit' };
    },
    template:/*html*/`
        <div :style="outerStyle" class="el-progress-bar__outer" class="m-2">           
            <el-progress percentage=50 stroke-width=18  :style="innerStyle" class="el-progress-bar__inner" />
        </div>
    `
};

参考：

element-ui中 Progress 进度条 圆角修改成方形 背景色等修改_element进度条改成方形-CSDN博客