<div id="demo">
<div id="bar"></div>
<div id="logo"><img width="60px" src="https://i.imgur.com/LVZMucD.png"></div>
</div>
#demo {
width: 492px;
height: 70px;
background-color: #F5F5F5;
padding: 8px;
}
#bar{
background-color:#FA000C;
color:black;
position:relative;
width:60px;
height:10px;
}
#logo {
position: relative;
width: 60px;
height: 60px;
}
window.onload = function() {
var logo = document.getElementById("logo"),
bar = document.getElementById("bar");
TweenLite.to(bar, 1, {width:"492px"});
TweenLite.to(logo, 2, {left:"432px", delay:1});
}
This Pen doesn't use any external CSS resources.