@Tosha1337

Как сделать текст в прогрес-баре?

62873eca4904e589403204.pngВозможно, этот нубский вопрос поставлен не совсем корректно, но подскажите, пожалуйста, как разместить кол-во процентов по центру серой линии в myProgress, чтобы зелёная полоса myBar не смещалась?
document.querySelector('.test').innerHTML = `<style>
#myProgress {
  width: 350%;
height: 20px;
  background-color: #cecaca;
}
#myBar {
  width: 10%;
  height: 20px;
  background-color: #04AA6D;
  text-align: center;
  line-height: 20px;
  color: white;
}
</style>
<div id="myProgress">
  <div id="myBar">10%</div>
</div>
  • Вопрос задан
  • 67 просмотров
Решения вопроса 1
SuperToster
@SuperToster
Добавить еще один блок:
jsfiddle.net/9dmyu27s/

Если нельзя менять разметку, можно добавить дата атрибут:
jsfiddle.net/swjdyxh9/

Вариантов море, нужно больше вводных.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы