Introduce a progress bar without a percent semicolon

Insert the HTML tag of the progress bar

1<table id= "Load" width= "border=" 0 "align=" center "bgcolor=" #FAFAFA "cellpadding=" 0 "cellspacing=" 0 " Bordercolor= "#000000" style= "Border-collapse:collapse;display:none" >2<tr>3<td><br><br>4<table width= "100%" border= "1" cellspacing= "0" cellpadding= "0" bordercolor= "#287BCE" style= "Border-collapse: Collapse ">5<tr bgcolor= "#F7F7F6" >6&LT;TD width= "20%" height= "valign=" >7<table align= ' center ' width= ' >8<tr>9&LT;TD colspan= ' 2 ' align= ' center ' id= "progresspersent" ><font size= "2" >Ten saving is taking longer, please later ... One</font> A</td> -</tr> -<tr> the&LT;TD id= ' tdone ' height= ' width=1 bgcolor= ' Blue ' >&nbsp;</td> -&LT;TD id= ' tdtwo ' height= ' width=500 bgcolor= ' #999999 ' >&nbsp;</td> -</tr> -</table> +</td> -</tr> +</table> A</td> at</tr> -</table>

Introducing JS

1var len = 500 ;2var add = 0 ;3 function Opencontenframe () {4var td1 = document.getElementById (' Tdone ') ;5var td2 = document.getElementById (' Tdtwo ') ;6Add = add+10 ;7Td1.width =add;8         if(Len-add <= 0){9Td2.width = 1 ;Ten}Else{ OneTd2.width = Len-add; A         } -         if(add<=Len) { -            ; the}Else{ -Td1.width = 1 ; -Td2.width = 500 ; -Add = 0 ; +         } -SetTimeout (' Opencontenframe () ', 100) ; +     } A function Loading () { atdocument.getElementById ("Load"). style.display= ""; -document.getElementById ("Opperate1"). style.display= "None"; -document.getElementById ("Opperate2"). style.display= "None"; - opencontenframe (); -}

Note: After using the loading function to the desired commit action

Introduce a progress bar without a percent semicolon