<?php

if(isset($_GET['perc'])) {

$percent = str_replace('%', '', $_GET['perc']);

echo('<table><tr><td><img src="./cms/grafiki/administration/spinner.gif"></td></tr></table><table style="width:20%;border:1px solid #000000;padding:0px;"><tr><td><img id="loader" src="pollbar.gif" style="background-color:#FF0000;height:18px;width:'.$percent.'%;" alt="wykres_upload"></td></tr></table>');

for($i = $percent; $i <= 100; $i += 10) {
echo('<script>
setTimeout(document.getElementById("loader").style.width="'.$i.'%", 500);
</script>');

  }
}

?>

<warstwa1><pasek /><czerwone /></warstwa1>

<warstwa1 style="background-color: red"><pasek /></warstwa1>

<div id="upload_process" style="display:none;">
<img src="./cms/grafiki/administration/spinner.gif">
<div id="loader">
<div id="mask"></div>
<div id = "procents"></div>
<div class="clear"></div>
</div>
</div>

#loader
{  
    position: relative;
    width: 300px;
    height: 18px;
    background: #0B0;
        border: 1px solid #000000;
}                    

#procents
{
    position: absolute;
    width: 300px;
    height: 18px;
    top: -3px;
    text-align: center;
    font-size: 10px;
        padding: 5px;
}

#mask
{            
    float: right;
    width: 300px;
    height: 18px;
    background: #FF0000;
}  

.clear
{
    clear: both;
}