Home/ Questions/Q 3352536
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T02:02:32+00:00

I am trying to use jQuery UI progress bar in my web app. But

  • 0

I am trying to use jQuery UI progress bar in my web app.
But that is not getting displayed. I am using a DWR call to get the upload status. Before using Jquery UI progressbar, i just displayed the status returned from server as just as it is, to make sure the data coming from server. It was working fine.

The Code

<body>
<script type="text/javascript">
$(document).ready(function(){
var progressbar = $("#jqProgressBar");
progressbar.css({
    "width"  : "200px",
    "height" : "10px"
});
$("#jqProgressBar").progressbar({'value':0});
});
function statusUpdate() {
FileUploadProgressListener.getFileUploadStatus(function(status){
    if(status >= 95)
    {
        status = 100;
        $("#jqProgressBar").progressbar({'value':status});
        return;
    }
    else
    {
        $("#jqProgressBar").progressbar({'value':status});
        window.setTimeout(statusUpdate, 200);
    }
});
return true;
  }
</script>
<h4>File Upload</h4>
    <iframe id="uploadFrameID"
       name="uploadFrame"
       height="0" width="0"
       frameborder="0"
       scrolling="yes"></iframe>
<form action="ProfileImageUpload"
     enctype="multipart/form-data" method="post"
 onsubmit="setTimeout('statusUpdate()', 1000)" target="uploadFrame">

  <input type="file" name="fileupload_upload" value="Upload File">
  <input type="submit" value="Upload">
</form>
 <div id="jqProgressBar"></div>
</body>

Any suggestions!!!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    try using this line in the code that changes the value:

        $("#jqProgressBar").progressbar(status);
    • 0