<title> Bulk Import Data </title>
. pop_body_con {width:310px; position:fixed top:50%; left:50%; Margin-left: -150px; background: #eee; display:none;}
. Pop_body_con. pop_head {width:auto; padding:10px 0; background: #fff;}
. Pop_body_con. pop_head a {display:block; color: #717274; font-size:12px; text-decoration:none; text-align:center;}
. pop_box {width:auto; overflow:hidden; padding:45px 10px;}
. Pop_box. pop_text {float:left;}
. Pop_box. pop_text p {padding:0; margin:0; font-size:12px; line-height:18px; color: #717274;}
. Pop_box. progress_bar_con {float:left; width:220px; position:relative; z-index:2;}
. Pop_box. Progress_bar_con p {margin:0; padding:0; font-size:12px; color: #fff; line-height:18px; width:100%;
Text-align:center; Position:absolute; left:0; top:0; Z-index:4; }
. Pop_box. Progress_bar_con. progress_bar_start {width:100%; height:18px; background: #C4C0C0;}
. Pop_box. Progress_bar_con. progress_bar_end {width:16%; height:18px; background: #2bd35d; position:absolute; left:0; top:0; Z-index:3; }
. Pop_box. Progress_bar_con {float:left;}
#loading-mask {width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:0; Background-color:rgba (0, 0, 0, 0.34902); Display:none; }
<scriptsrc= "Ajax-master/jquery.js" ></script>
$ ("#startImport"). Click (function () {
Myinterval = SetInterval (getState, 1000);
Data: {action: "GetSession"},
msg = eval (' (' + msg + ') ');
$ (". Pop_body_con"). Hide ();
$ ("#loading-mask"). Hide ();
Clearinterval (Myinterval);
$ (". Pop_body_con"). Show ();
$ ("#loading-mask"). Show ();
Setprocessbar (msg.being, Msg.count)
function Setprocessbar (Exeflag, Exemax) {
$ ("#progressbar_text"). HTML (parseint (Roundfun (Exeflag/exemax, 2) * 100) + "%");
$ ("#progressbar_bar"). attr ("Style", "width:" + parseint (Roundfun (Exeflag/exemax, 2) * 100) + "%;");
function Roundfun (number, X) {
return Math.Round (number * MATH.POW (x))/Math.pow (x);
<bodystyle= "Background-color: #fff;" >
<inputid= "Startimport" type= "button" value= "Import data"/>
<divid= "Loading-mask" ></div>
<divclass= "Pop_body_con" >
<ahref= "javascript:;" > Importing ... Please do not operate! </a>
<divclass= "Progress_bar_con" >
<pid= "Progressbar_text" >0%</p>
<divclass= "Progress_bar_start" ></div>
<divclass= "Progress_bar_end" id= "Progressbar_bar" ></div>