Home>

The specific code is as follows:

<! Doctype html>
<html>
<head>
<title>Progress bar effect displayed at the top of the page</title>
<meta http-equiv=content-type content="text/html;charset=utf-8">
</head>
<body>
<div><div></div></div>
<script src="jquery1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">//<! [Cdata [
  jquery (document) .ready (function () {
    jquery ("#​​web_loading div"). animate ({width:"100%"}, 800, function () {
      settimeout (function () {jquery ("#​​web_loading div"). fadeout (500);
      });
    });
  });
//]]></script>
<style>
#web_loading {
z-index:99999;
width:100%;
}
#web_loading div {
width:0;
height:5px;
background:#ff9f15;
}
</style
</body>
</html>
  • Previous Basic tutorial on triggers in MySQL
  • Next What does public static void main (String args []) mean in Java