How to make a progress bar on the border of a rectangle?

Question

css

Hello, there was a need to make the progress bar on the border of the rectangle on hover. I tried progressbar js, but there is only a square, it should look like this:

How can this be implemented?
UPD: the button can be of different lengths and heights

Answer 1

Answer 2

JS + SVG + stroke-dasharray