How to create a menu with progress?

Question

Programming

Greetings dear friends. I would like to know if there are frameworks or where you can find the source of such a thing as a menu with progress. I'll try to explain. The menu, as it were, has experience and a person, for example, reads an article, as soon as he has finished reading it, the experience bar is filled. To better understand what I'm talking about, I provide examples: (I hope they don't get beaten for the links)
1)
Pokerstrategy.ru 2) Tradimo.com
3) Lingualeo
That is, it turns out that the user registers and gets the opportunity to "pass the site". Thank you very much for the answers and tips, maybe even for similar sources. If it is not clear, I will try to answer in the comments. Thank you, Happy New Year everyone.
PS Perfect example on sites 1 and 2.

Answer 1

Two div tags, one nested within the other. For the outer, the length and height are set. For the second, just the height. Next, for the nested, we set the width style as many percent as the site has been passed. All.

Answer 2

I don’t know, of course, but it’s probably worth using the progress bar and setting its value depending on the value of the passed stage.