Jquery achieves loading progress bar tips

Jquery achieves loading progress bar tips

Update: 23 november 2015 10:41:35 by xiao-jian

This article focuses on jquery's effect on loading progress notes

This is an example of jquery's ability to load progress bar alerts. We'll share it with you for your information. Specifically:

A screenshot of the operational effects follows:

The specific codes are as follows:

 
  "utf-8."Cript type=text/javas"cript" src=http://lib. Sinaapp. Com/js/jquery/1. 4. 1/jquery. Min. Js"I'm sorry
 
 
 

Css style:

Hey, hey, hey, hey. Paddy: 0;
margin: 0;
♪ i'm sorry ♪
i'm sorry, div. Spinner
i don't know. Width: 160px;
height: 160px;
margin-loft: 240px;
margin-top: 350px;
♪ i'm sorry ♪
div. Loaderdot{
i don't know. Width: 20px;
height: 20px;
border-radius: 50 per cent;
background-color: rgb (29, 140, 248);
one windowNload = fight() {

Js code:

Var total = 16.
*math. Pi. Radius = 80. HTML = ' ';
var spinnerl = parseint("div. Spinner"). Css ( "margin-leaft");
var spinnert = parseint("div. Spinner"). Cs ( "margin-top");
for (var i = 0; i " ;
*math. Pi / total;
♪ i'm sorry ♪
$("div. Spinner"). Impty(). HTML (HTML);
var last loaderdot = $("div. Loaderdot"). Last();
timer = setinterval(function)
$("div. Loaderdot")
var self = $ (this);
var prev = self. Prev(). Get(0) ? Self. Prev() last loaderdot,
opas = prev. Css( "opacy");
no, i don't know. I'm sorry.
}, 50);
i'm not sure.
}60;
27

I hope this will help you learn how to design the jquery program。