0

По макету прогресс-бары должны выглядеть так:введите сюда описание изображения

Но в IE и Edge они окрашены в синий цвет, при том, что стили для этих браузеров(как для старых, так и для новых версий прописаны):введите сюда описание изображения

Вот код, помогите, пожалуйста.) HTML

<div class="graph-wrapper">
<ul>
    <li class="progress progress_first">
        <progress value="11" max="15" class="ProgressBar__line"></progress>
        <i class="ProgressBar__text">​Ручное бронирование</i>​
        <i class="current current-first">11</i>
    </li>


    <li class="progress progress_second">
        <progress value="3" max="15" class="ProgressBar__line"></progress>
        <i class="ProgressBar__text">​Пакетные туры</i>​
        <i class="current current-second">3</i>
    </li>

    <li class="progress progress_third">
        <progress value="1" max="15" class="ProgressBar__line"></progress>
        <i class="ProgressBar__text">​Отели</i>​
        <i class="current current-third">1</i>
    </li>
</ul>

CSS скину скриншотом, поскольку не принимает сам код. введите сюда описание изображения

Буду благодарен за помощь.

6
  • 3
    Проще и надёжнее переделать прогресс-бары простыми div'ами
    – andreymal
    Commented 30 авг. 2018 в 17:10
  • Тут есть специальная кнопка вставки кода, там и css и js и html (Ctrl+M) и т.д. можно вставлять. Лучше поправьте сообщение, будет больше шансов что помогут
    – Nilsan
    Commented 30 авг. 2018 в 17:17
  • Всегда код принимает. Если тут не получается, скинули бы ссылку на какой-нибудь ресурс вроде jsfiddle. Commented 30 авг. 2018 в 17:34
  • @andreymal Пожалуй, вы правы. Время есть,попробую переделать. Спасибо) Commented 30 авг. 2018 в 19:26
  • @Nilsan При вставке CSS кода, в окно заносилось только первые 4 строки, остальные же были как простой текст и совсем не читаемо... Commented 30 авг. 2018 в 19:28

1 ответ 1

0

Нативные элементы в каждом браузере реализованы по своему и не всегда можно их стилизовать. Такой-то элемент можно и самому сверстать

1
  • Все верно, но в документации говорится, что "filter:..." как раз таки отвечает за отображение цветов в IE 6-9, но это уже не важно, так как решил переделать, ведь действительно проще будет. Commented 30 авг. 2018 в 19:31

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.