el-progress进度条显示数字
时间: 2023-11-09 09:04:10 浏览: 172
安卓进度条loadingprogress相关-这是一个类似于圆弧的可以显示百分号的自定义控件.rar
要在el-progress进度条中显示数字,可以使用progress属性来设置当前进度值,并将show-text属性设置为true以显示当前进度值。
例如,以下代码将创建一个进度条,并在其上方显示当前进度值:
```
<el-progress :percentage="50" show-text></el-progress>
```
在这个例子中,进度条的当前进度值为50%,show-text属性被设置为true,因此当前进度值将被显示在进度条的上方。如果你想显示百分号,可以将format属性设置为百分号格式化字符串,如下所示:
```
<el-progress :percentage="50" show-text :format="percent => `${percent}%`"></el-progress>
```
在这个例子中,百分号格式化字符串被传递给format属性,因此当前进度值将被显示为50%。
阅读全文