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

Question

[Ivan]

Как сделать такой бекграунд прогресс бара?
Использование цвета:

linear-gradient(180deg, #69DDAB 25.89%, #4FC994 53.66%)
linear-gradient(180deg, #61D6A3 0%, #3DA477 100%)

Answer 1

[RAX7]

Answer 2

[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%;