note
Anonymous Monk
<b>Hi [slb985],</b>
<p>Here is my part of research on your question.</p>
<p>I too tried the same code and getting same result, could not see the progress bar</p>
<p>I am using firefox 19.0, I checked the Error Console, I found that , it says ReferenceError:pblib_progress_update not defined</p>
<p>But It seems that the pblib_progress_update() is defined in between <script> tag </p>
<c>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
<head>
<title>A Simple Example</title>
<style type="text/css">
<!--/* <![CDATA[ */
print 'test'
/* ]]> */-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<h1>A Simple Example</h1><p>This example will update a JS/CSS progress bar.</p><style type='text/css'>
.pblib_bar {
border: 1px solid black;
padding: 1px;
background: white;
display: block;
text-align:left;
width: 400px;
}
.pblib_block_on,
.pblib_block_off {
display: block;
float:left;
width: 38px;
}
.pblib_block_off { border:1px solid white; background: white; }
.pblib_block_on { border:1px solid blue; background: navy; }
</style>
<div id='pb_cont1361953714'>
<div class='pblib_bar'>
<span class='pblib_block_off' id='b13619537141'> </span><span class='pblib_block_off' id='b13619537142'> </span><span class='pblib_block_off' id='b13619537143'> </span><span class='pblib_block_off' id='b13619537144'> </span><span class='pblib_block_off' id='b13619537145'> </span><span class='pblib_block_off' id='b13619537146'> </span><span class='pblib_block_off' id='b13619537147'> </span><span class='pblib_block_off' id='b13619537148'> </span><span class='pblib_block_off' id='b13619537149'> </span><span class='pblib_block_off' id='b136195371410'> </span>
</div>
</div>
<script language='javascript' type='text/javascript'>
// <!--
var pblib_at = 1;
pblib_progress_clear();
function pblib_progress_clear() {
for (var i = 1; i <= 10; i++)
document.getElementById('b1361953714'+i).className='pblib_block_off';
pblib_at = 1;
}
function pblib_progress_update() {
pblib_at += 1;
if (pblib_at > 10){
pblib_progress_clear();
} else {
for (var i = 1; i <= Math.ceil(pblib_at); i++){
document.getElementById('b1361953714'+i).className='pblib_block_on';
}
}
//-->
</script>
<script type='text/javascript'>
pblib_progress_update()
</script>
<script type='text/javascript'>
pblib_progress_update()
</script>
<script type='text/javascript'>
pblib_progress_update()
</script>
<p>All done.</p>
</body>
</html>
</c>
1020697
1020697
5