Tam olarak yapmak istediğim bunun gibi birşey
Demo
http://www.dhtmlgoodies.com/scripts/...gress-bar.html

Kod:
http://www.dhtmlgoodies.com/index.ht...t=progress_bar

Bendeki kodlara yukarıdaki progres barı nasıl entegre edebilirim.

Mevcut kodlarım
ilan ekle

</div>
<div id="ilan_ekle" class="border_check">
<table width="100%" cellpadding="5" cellspacing="0">
<tr>
  <td width="3%" bgcolor="#E0EBF3"><input id="kabul" type="checkbox" name="kabul" hasbox="2" value="1" onchange="soruSor();"></label>
  </td>
  <td width="72%" bgcolor="#E0EBF3"><a href="#" class="bana_ozel_red">İlan verme kuralları</a> <span class="message_text2">okudum, kabul ediyorum</span></td>
  <td width="25%" align="right" bgcolor="#E0EBF3"><input type="image" value="İlanımı Kaydet"  name="gonder" class="bod" src="images/buttons/devam.png" width="108" height="35" onclick="this.value = \'Lütfen Bekleyiniz...\'" ></td>
</tr>
</table>
</div>
</div>
  <div id="clear"></div>
  <div id="clear"></div>
</form>


<script language="JavaScript" type="text/javascript">
//You should create the validator only after the definition of the HTML form
var frmvalidator  = new Validator("myform");
frmvalidator.addValidation("baslik","req","İlan Başlığı giriniz");
frmvalidator.addValidation("baslik","minlen=3","İlan Başlığı giriniz");
frmvalidator.addValidation("fiyat","req","Fiyat giriniz.");
frmvalidator.addValidation("fiyat","decimal","Sadece rakam giriniz");
frmvalidator.addValidation("il","dontselect=0","Şehir seçiniz.");
frmvalidator.addValidation("ilce","dontselect=0","İlçe seçiniz.");



</script>


<script type="text/javascript">
function soruSor()
{

   var ValCev = document.myform.resimVar.value;
   var SonRes = document.myform.resim9.value;

    if(ValCev > '0'){
	// Resimler yüklendi.


	}else if( SonRes != ''){
	// Resimler yüklendi.
    }
    else{
	// Resim yüklenmediyse soru sor.

		var sonuc = window.confirm("Dikkat! Resim Yüklemediniz ya da seçtiniz fakat Resim Yükleye basmadınız. İlan resimsiz olarak kaydedilecek Tamam mı? İptal mi?");
		if(sonuc){
				//Resimsiz yollamayı kabul etti.
		    	document.myform.resimVar.value='1';
		}else{
				// İlan kabulü kaldır.
		    	document.myform.kabul.checked = false;
		}
	}

}
</script>

</div>

ön izleme de

düzelt devam yerine öncelikle yükleniyor progresini çalıştırmak istediğim kısma ait kod

<div id="preview">
  <table width="100%" cellpadding="5">
    <tr>
      <td colspan="3" align="center" class="message_text2">ilanınızla ilgili aşağıdaki bilgiler doğruysa &quot;Devam et&quot; butonuna tıklayıp bir sonraki aşamaya geçin. Değilse &quot;Düzelt&quot; butonunu tıklayın.</td>
    </tr>
    <tr>
      <td width="49%" align="right"><a href="ilanguncelle.php?id=<? echo $id ?>"><img src="images/buttons/duzelt.png" alt="" width="235" height="35" border="0" /></a></td>
      <td width="2%">&nbsp;</td>
      <td width="49%"><a href="ilanekle.php?id=<? echo $id ?>"><img src="images/buttons/devam_et.png" width="235" height="35" border="0" /></a></td>
    </tr>
    </table>
</div>