delay

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/plugins/CSSPlugin.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/easing/EasePack.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenLite.min.js"></script>
<img id="logo" src="http://listhyakumala.mb.student.pens.ac.id/TASK/bee.jpg">
<div id="bar"></div>

CSS

#logo {
  position: relative;
  width: 75px;
  height: 75px;
}

#bar {
    background-color:	pink; 
    positin:relative; 
    width:75px; 
    height:7px;
 }

JavaScript

var logo = document.getElementById("logo"),
        bar = document.getElementById("bar");

TweenLite.to(bar, 2, {width:"100%"});
TweenLite.to(logo, 2, {left:"100%", delay:1.5});