Générer une barre de progression jQuery UI

Question

J'utilise un service tiers pour traiter les images et ils fournissent un plugin jQuery très pratique. Le plugin peut fournir un retour d'information sur le transfert du téléchargement, et je voudrais l'afficher sous la forme d'une jolie barre de progression jQuery à partir de l'interface utilisateur jQuery.

Voici l'exemple qu'ils donnent, qui ne montre actuellement que le statut du transfert sous forme de texte :

$('#MyForm').transloadit({
  modal: false,
  onProgress: function(bytesReceived, bytesExpected) {
    // render your own progress bar!
    $('#progress')
      .text((bytesReceived / bytesExpected * 100).toFixed(2)+'%');
  },
  onError: function(assembly) {
    alert(assembly.error+': '+assembly.message);
  }
});

Answer 1

Afin de mettre à jour la valeur de la barre de progression, utilisez ceci :

$("#progress").progressbar("value", ((bytesReceived / bytesExpected) * 100));

Pour plus d'informations voir les documents .

Answer 2

$('#progress').progressbar("option", "value", bytesReceived / bytesExpected * 100);