Progress Bar image is not getting displayed in Google Chrome
Hi,
Recently I have used "jquery.progressbar.1.1" to display a progress bar.
The orange image(progressing image) is displaying in IE and FireFox but not in Google Chrome.
Below is the code snippet
<table border="0" cellpadding="0" cellspacing="0">
<tr><td id="inProgress" >File upload is in progress...</td></tr>
<tr><td style="padding-top:2px;">
<span class="progressBar" id="spaceused1" style="display:none;"> 0% </span>
</td></tr>
</table>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#spaceused1").progressBar(0,{ barImage: "../images/progressbg_orange.gif"});
});
</script>
And in another <script> block I have written code to set the progress value say 10, 20 etc dynamically.
Initially the span "spaceused1" is not shown in the page. I am showing it in javascript using the code below.
document.getElementById("spaceused1").style.display = 'block';
jQuery("#spaceused1").progressBar(processedVal,{ barImage: "../images/progressbg_orange.gif"});
processedVal is a variable.
Please help!.
Thanks
Joydev