How to make a gradient progress bar?

Question

css

Good afternoon, I came across an interesting gradient progress bar, how can I make dots under which there is content, and even the same color as the line?

Answer 1

Answer 2

set the color of the progress bar to a gradient

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

Answer 3

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