I just found this: http://timtaubert.de/blog/2012/09/css-transitions-for-dynamically-created-dom-elements/

Maybe it would work if we create the modal bar, add it the hide class (or create it with it), append it to the body, use `window.getComputedStyle(obj).getPropertyValue("top")` to make chrome render the new item and then remove the hide class from the item. Haven't tested it thought.