$({percentage: 0})
es el contexto en el cual la animacion va a trabajar y cuando le indicas cual es la propiedad en el metodo animate()
, este buscara la propiedad indicada sobre el contexto y le aplica la animacion.
Si te fijas, notaras como en el cuerpo de step()
se utiliza this
para acceder a la propiedad porcentage
definida en el objeto pasado por el constructor de jquery, que es el contexto:
step: function () {
// accediendo al contexto provisto en el constructor de jquery
↓
var percentageVal = Math.round(this.percentage * 10) / 10;
$el.text(percentageVal + '%');
}
TL;DR
{percentage: 0}
representa el contexto enviado al constructor de jquery. .animate({percentage: value},{})
representa la propiedad a animar basado en el contexto.