Note that there are some explanatory texts on larger screens.

plurals
  1. POHow do I make a JQuery Progress Bar in Backbone show progress for multiple Ajax calls?
    primarykey
    data
    text
    <p>Edit:</p> <p>I can't even get a simple setup working with backbone js such that in the controller</p> <pre><code>initialize: function() { // alert("1"); $( "#progressbar" ).html("0%"); // alert("2"); $.ajax({ dataType:"json", async:true, url:"http://localhost:8888/chathau5/rest/tasks/list", success: function(data, response) { } }); // alert("3"); $( "#progressbar" ).html("25%"); // it works when i put the alerts in... }, </code></pre> <p>any ideas?</p> <hr> <p>I am trying to place a jquery progress bar upon loading. My current structure is java and backbone.</p> <p>When i come into the backbone controller, I want to initialise the progress bar, and after each ajax call update the value like the following</p> <pre><code> initialize: function() { $("#progressbar").progressbar({ value: 0 }); var tasks = $.ajax({ dataType: "json", async:false, url: "http://localhost:8888/chathau5/rest/tasks/list", success:function(data,response) { tsks = data; } }); $("#progressbar").progressbar({ value: 50 }); var tasks2 = $.ajax({ dataType: "json", async:false, url: "http://localhost:8888/chathau5/rest/tasks/list2", success:function(data,response) { tsks = data; } }); $("#progressbar").progressbar({ value: 100 }); </code></pre> <p>In my index.html i have But the progress bar does not show at all.....unless i wrap alerts around each $progress bar update....</p> <p>In my backend java i am running the thread sleep for testing purposes...</p> <p>if i put alerts around each progress bar update in the above, it works... i am not sure how this is happening... any ideas how to fix this</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload