Hi slb985,
Here is my part of research on your question.
I too tried the same code and getting same result, could not see the progress bar
I am using firefox 19.0, I checked the Error Console, I found that , it says ReferenceError:pblib_progress_update not defined
But It seems that the pblib_progress_update() is defined in between <script> tag
<!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-U
+S">
<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_bl
+ock_off' id='b13619537144'> </span><span class='pblib_block_off'
+ id='b13619537145'> </span><span class='pblib_block_off' id='b13
+619537146'> </span><span class='pblib_block_off' id='b1361953714
+7'> </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='pb
+lib_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>