养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何设置el-progress圆形进度条宽度

时间:2024-11-06 07:33:55

在使用Element框架开发vue项目时,如何设置el-progress圆形进度条的宽度呢?如图

如何设置el-progress圆形进度条宽度

如何设置el-progress圆形进度条宽度

方法/步骤

1、打开一个vue文件,添加一个el-progress组件,设置进度条组件显示为圆形。如图

如何设置el-progress圆形进度条宽度

2、在el-progress组件中添加stroke-width属性,设置值为20,用于豹肉钕舞设置圆形进度条的宽为20px大小。如图

如何设置el-progress圆形进度条宽度

3、保存vue文件后使用浏览器打开,就可以看到进度条显示的宽度为20px了。如图

如何设置el-progress圆形进度条宽度

© 一点知识