How to hover over an SVG rect?

What’s happening is that the mouse events are not detected because the fill is ‘none’, just add:

.bar {
    fill: none;
    pointer-events: all;
}

Then it works just fine.