Element: Пользовательский оператор отображения текста в процентах прогресса

Версия ElementUI

1.0.3

Версия ОС / браузеров

Win0 / Chrome 53

Версия Vue

2.1.3

Для достижения эффекта нужно:

Подсказка по коду:

Соответствующий код:

.el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle;
    color: #fff;  //这里需要自定义
    font-size: 12px;  //这里需要自定义
    margin: 0 5px;  //这里需要自定义
}
.el-progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    background-color: #e5e9f2;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

Предложение изменить план:

Установите для атрибута переполнения el-progress-bar__outer значение visible
Атрибут стиля "el-progress-bar__innerText" является атрибутом прогресса, поэтому вы можете настроить marignTop, шрифт и другие стили процентного текста.