Bikin Preloader di ASP.net pake Ajax

Well well…. Kadang user tuh suka gak sabaran ya nungguin loading di suatu web, secara aq juga begitu. Kalo lagi buka web dan dalam 5 detik masih proses pasti pada ngedumel. Kenapa nih web lemot banget…. Ya ya ya biar mreka tau kalo program kita lagi in progress alias masih ngelakuin suatu proses (proses ya bukan lemot), kita kasih tanda aja kalau lagi proses. Tanda lagi proses itu dikenal dengan nama Preloader. Mmmm klo di flash emang namanya preloader tapi kalo di visual studio apa ya namanya? Aq belum tau hehehe… Anggep aja sama lah ya :D

Gini nih cara bikinnya…

1. Siapin file kamu yg akan dikasih preloader dan tambahkan komponen UpdateProgress. Eh perlu diinget nih kawan, form page kita neh harus ajax enable ya dan harus ada komponen UpdatePanel sama ScriptManager dan UpdateProgress kita masukin dalem UpdatePanel. Kayak punyaq gini nih



2. Terus masuk ke source aspx-nya dan ketikkan code css berikut di tag head di dalam tag style

.updateProgressPanel
{
position: absolute;
width: 200px;
left: 30%;
top: 200px;
background-color: #fff;
border: solid 1px #919b9c;
text-align: left;
vertical-align: middle;
padding-top: 16px;
padding: 5px;
}

serta code berikut didalam code UpdateProgress



Loading please wait….

Kalau code yg kamu masukin bener hasilnya kayak gini nih



3. Oke, kalo udah sekarang masuk ke file code *.vb-nya dan ketikkan code berikut di event mana yg bakal keluar preloader, misalnya di event Page_Load

System.Threading.Thread.Sleep(2000)



4. Udah selesai prosesnya tinggal run web kalian… Kayak gini nih punya aq. Gimana punya kalian?