@Domarchuk

Как сделать такой бекграунд прогресс бара?

Как сделать такой бекграунд прогресс бара?
Использование цвета:
linear-gradient(180deg, #69DDAB 25.89%, #4FC994 53.66%)
linear-gradient(180deg, #61D6A3 0%, #3DA477 100%)


60d982f56cc7f619128447.png
  • Вопрос задан
  • 82 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Max_JK
Попробуй так, получилось не очень аккуратно, но идею ты надеюсь понял.
чтобы сделать тень сверху, добавь еще один вертикальный градиент с прозрачностью
background-repeat: repeat;

background: linear-gradient(107deg, rgb(122 206 160) 12%, rgb(94 165 126) 12%, rgb(100 174 133) 38%, rgb(125 208 163) 38%, rgb(120 204 158) 62%, rgb(103 177 136) 62%, rgb(95 167 128) 84%, rgb(125 208 163) 84%);

background-size: 150px 100%;
Ответ написан
Ваш ответ на вопрос

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

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