Всем привет. Вопрос относится к людям хорошо знающим CSS. Допустим имеется полоса которая заполняется в зависимости от процентов, но вопрос в другом. Можно ли сделать чтобы она заполнялась градиентом от красного к зеленому? Чем больше заполнено тем больше зеленого.
такое часто делают путём наложения картинки на картинку вроде как, так что в чём проблема
При помощи графики можно. Ты делаешь градиент по длине полоски. Слева направо - более насщеннеый. В свойстве полоски прописываешь к своему бекгрокнду еще один. :
background:url(pik4a.png) no-repeat и width :10%; Ну и всё.
Pashka don`t Yeba, Полоска динамичная. Ну то есть на размер экрана. В этом вся проблема.
Ну так ты сделай градиент на 1000 пикселей. Но при этом пропиши max-width:100%;
background-image: -webkit-linear-gradient(left, #FF0004, #049904);
это css код от красного к зеленому
его вписываеш в тот див который закрашивает незаполненое пространство
Так насыщенность не добавить.
Всем спасибо. Достиг таким путем echo '<div style="background: -webkit-linear-gradient(left, #049904, #FF0004); border: 1px solid #c6c6c6; border-top: none;"><div style="background: #FFFFFF; padding: 5px; margin-left: ???%;">Прогресс: '.$arr['progress'].'%</div></div>';
Изм. 1 раз. / Посл. изм. (22 ноя 2014, 15:01)
