Beefy Boxes and Bandwidth Generously Provided by pair Networks
We don't bite newbies here... much
 
PerlMonks  

Comment on

( #3333=superdoc: print w/ replies, xml ) Need Help??
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'>&nbsp;</span><span + class='pblib_block_off' id='b13619537142'>&nbsp;</span><span class=' +pblib_block_off' id='b13619537143'>&nbsp;</span><span class='pblib_bl +ock_off' id='b13619537144'>&nbsp;</span><span class='pblib_block_off' + id='b13619537145'>&nbsp;</span><span class='pblib_block_off' id='b13 +619537146'>&nbsp;</span><span class='pblib_block_off' id='b1361953714 +7'>&nbsp;</span><span class='pblib_block_off' id='b13619537148'>&nbsp +;</span><span class='pblib_block_off' id='b13619537149'>&nbsp;</span> +<span class='pblib_block_off' id='b136195371410'>&nbsp;</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>

In reply to Re: CGI::ProgressBar Module Help Required by Anonymous Monk
in thread CGI::ProgressBar Module Help Required by slb985

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post; it's "PerlMonks-approved HTML":



  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.
  • Log In?
    Username:
    Password:

    What's my password?
    Create A New User
    Chatterbox?
    and the web crawler heard nothing...

    How do I use this? | Other CB clients
    Other Users?
    Others musing on the Monastery: (8)
    As of 2015-07-30 02:15 GMT
    Sections?
    Information?
    Find Nodes?
    Leftovers?
      Voting Booth?

      The top three priorities of my open tasks are (in descending order of likelihood to be worked on) ...









      Results (269 votes), past polls