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

Question

[FrontendNooob]

Добрый день, столкнулся с интересным градиентным прогресс баром как можно сделать точки под которыми есть контент, да ещё и такого же цвета как и линия ?

Comments

[spaceatmoon]

Пробовали маски?
https://www.w3schools.com/css/css3_masking.asp

Answer 1

[RAX7]

Answer 2

[seritx]

задай цвет прогресс бару градиентный

background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,0,249,1) 100%);

Answer 3

[ANYJT]

https://html5book.ru/css3-gradient/