<div class="col-xs-12 col-sm-12 progress-container">
    <div class="progress progress-striped active">
        <!-- Part retrieved from the database -->
        <div class="progress-bar progress-bar-success" style="width:0%">60%</div>
    </div>
</div>

console.log($(".progress-bar").text())

$( ".progress-bar" ).animate({
  width: $(this).text() //I want to get the value inside the progressbar div but doesn't seems like to work
}, {
    duration: 2000,
  step: function( now, fx ) {
  }
});

var $progressBar = $(".progress-bar")
console.log($progressBar.text())

$progressBar.animate({
   width: $progressBar.text()
}, {
      duration: 2000,
      step: function( now, fx ) {
   }
});