Membuat Progress Bar menggunakan PHP

Progress Bar untuk menunjukkan proses yang sedang kita lakukan sangatlah penting untuk membuat program yang kita gunakan menarik. Untuk itu kita perlu membuat progress bar. Ini sedikit kodingnya.

<html>
<head>
<title>Progress Bar</title>
</head>

<body>
<form action="" method="post">
<input type="submit" name="hit" value="tunjukkan progres coy" />
<br />
    <?php
    if (isset($_POST['hit']))
        {
            echo "<div id='garis' style='width:500px;border:1px solid #ccc;box-shadow:0 2px 7px #666'></div>
 <div id='info' style='width'></div>";
 $total = 3;
  for($i=1; $i<=$total; $i++){
 $persen = intval($i/$total * 100)."%";
   echo '<script language="javascript">
 document.getElementById("garis").innerHTML="<div style=\"width:'.$persen.';background-color:#333;\">&nbsp;</div>";
 document.getElementById("info").innerHTML="";
 </script>';

                            
echo str_repeat(' ',1024*100);
flush();
 sleep(0.2);

                    echo "<script language='javascript'>document.getElementById('info').innerHTML='Ealah'</script>";

                

        }

            

            ?>

            

            

</form>                                    
</body>
</html>


Terima kasih

Previous
Next Post »

5 comments

Click here for comments
Anonymous
admin
February 11, 2014 at 9:28 AM ×

Gan nggak ada demo nya ya ? :bg:

Reply
avatar
Anonymous
admin
December 18, 2014 at 5:42 AM ×

:bata: Gak Work min.. :bg:
:post:

ne keterangan nya

"Parse error: syntax error, unexpected end of file in C:\xampp\htdocs\contoh\index.php on line 40"

ne isi Line 40
"close tag html" (kode ny kaga bisa ditulis dimari)

HTML Anda tidak bisa diterima: Tag tidak dibolehkan: HTML

:post:

Reply
avatar

Tata Cara Berkomentar yang Baik dan Benar :

1. Gunakan Bahasa yang Sopan.
2. Biasakanlah berkomentar sebelum meninggalkan.
3. Usahakan jangan menggunakan anonymous
4. Saya sangat berterima kasih atas komentar yang kalian berikan
5. Admin selalu berusaha melakukan yang terbaik untuk para pengunjung ConversionConversion EmoticonEmoticon

Thanks for your comment