ProgressBar with javascript

Hello, I created a progress bar with JavaScript and the Tween library, in which I used the codes that were in one of these forums so that the movement of the progress bar is responsive. My fill bar consists of 2 parts, a circle going to the right. A rectangle that scales to the right. I want the full bar to be filled by clicking the button 30 times and changing the variable. The problem is that the movement of the circle goes well, but the scaling of the rectangle does not happen correctly when the screen becomes smaller or larger. I think it needs a special formula that I don't know.
I would be happy if you could help me make this progress bar.
I am sending the file