CSS - Prevent Elements From Pushing

How can I prevent elements inside a div from pushing each other, I have my progress bar hidden until the event(drop) is called, and my img menu always visible example: as you can

Solution 1:

You can use absolutely positioned elements for this kind of requirements.

Just a few things to remember..

1. For the position:absolute to work, the position for the parent element should be set (anything other than static(default)) or else it will take the position of the first ancestor that has the position set and if not then by default the position of the body is taken as an anchor.
2. To set the element into a specific location you can use the attributes left, right, top, bottom.