Hacer algo después de una función

[HmrO]

Buenas tengo el siguiente inconveniente usando jQuery 1.9.1.

Lo que estoy tratando de hacer es que me muestre algo después de cargar. Por ejemplo:

Código:

  

      function progress(percent, $element) {
      var progressBarWidth = percent * $element.width() / 100;
      $element.find('div').animate({ width: progressBarWidth }, 3600).html();
      $('#fondo').css({"backgroundImage": "url(assets/Loading.jpg)",
                       "backgroundSize" : "cover"
                      });
      }


      function clickMe(){
        alert("hola");
      }

      progress(100, $('#progressBar'));
      clickMe();

Pero esto me carga todo al mismo tiempo cuando debería ser secuencial.
Ya probé con .then y .done pero al parecer ya no funcionan en esta versión o los estoy usando mal. Me gustaría ejecutar la función después de que termine la otra función sín usar condicionales (ya que no puedo usar un width absoluto).

Muchas gracias!!!