如何设置el-progress内容显示在进度条上

2025-05-14 04:10:11

1、打开一个vue文件,添加el-progress进度条组件。如图

如何设置el-progress内容显示在进度条上

2、在el-progress组件上添加text-inside属性设置值为true,用于豹肉钕舞设置内容在进度条上;添加stroke-width属性值为20,避免进度条高度太小显示不出内容。如图

如何设置el-progress内容显示在进度条上

3、保存vue文件后使用浏览器打开,这时候就可以看到进度条上显示内容了。如图

如何设置el-progress内容显示在进度条上
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢