本文实例讲述了PHP实现的进度条效果。分享给大家供大家参考，具体如下：

在做采集的时候，想通过php来实现一个进度条功能，谷歌了一下，找了个合适的代码。下面直接上代码：

1. <?php 
2.  
3. //防止执行超时 
4.  
5. set_time_limit(0); 
6.  
7. //清空并关闭输出缓存 
8.  
9. ob_end_clean(); 
10.  
11. //需要循环的数据 
12.  
13. for($i = 0; $i < 188; $i++) 
14.  
15. { 
16.  
17.   $users[] = 'Tom_' . $i; 
18.  
19. } 
20.  
21. //计算数据的长度 
22.  
23. $total = count($users); 
24.  
25. //显示的进度条长度，单位 px  
26.  
27. $width = 500; 
28.  
29. //每条记录的操作所占的进度条单位长度 
30.  
31. $pix = $width / $total; 
32.  
33. //默认开始的进度条百分比 
34.  
35. $progress = 0; 
36.  
37. ?> 
38.  
39.   
40.  
41.   
42.  
43. <title>动态显示服务器运行程序的进度条</title> 
44.  
45. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
46.  
47. <style> 
48.  
49. body,div input { 
50.  
51.   font-family: Tahoma; 
52.  
53.   font-size: 9pt 
54.  
55. } 
56.  
57. </style> 
58.  
59. <script language="JavaScript"> 
60.  
61.  <!--  
62.  
63.  function updateProgress(sMsg, iWidth)  
64.  
65.  {  
66.  
67.   document.getElementById("status").innerHTML = sMsg;  
68.  
69.   document.getElementById("progress").style.width = iWidth + "px";  
70.  
71.   document.getElementById("percent").innerHTML = parseInt(iWidth / <?php echo $width; ?> * 100) + "%";  
72.  
73.   }  
74.  
75.  -->  
76.  
77.  </script> 
78.  
79.   
80.  
81.   
82.  
83.   <div style="margin:50px auto; padding: 8px; border: 1px solid gray; background: #EAEAEA; width: <?php echo $width+8; ?>px"> 
84.  
85.     <div style="padding: 0; background-color: white; border: 1px solid navy; width: <?php echo $width; ?>px"> 
86.  
87.       <div id="progress" style="padding: 0; background-color: #FFCC66; border: 0; width: 0px; text-align: center; height: 16px"></div> 
88.  
89.     </div> 
90.  
91.     <div id="status"></div> 
92.  
93.     <div id="percent" style="position: relative; top: -30px; text-align: center; font-weight: bold; font-size: 8pt">0%</div> 
94.  
95.   </div>  
96.  
97. <?php 
98.  
99. flush(); //将输出发送给客户端浏览器  
100.  
101. foreach($users as $user) 
102.  
103. { 
104.  
105.   // 在此处使用空循环模拟较为耗时的操作，实际应用中需将其替换；  
106.  
107.   // 如果你的操作不耗时，我想你就没必要使用这个脚本了 :)  
108.  
109.   for($i = 0; $i < 1000000; $i++) 
110.  
111.   { 
112.  
113.   } 
114.  
115.   ?>  
116.  
117. <script language="JavaScript">  
118.  
119.  updateProgress("正在操作用户 <?php echo $user; ?> ....", <?php echo min($width, intval($progress)); ?>); 
120.  
121. </script> 
122.  
123. <?php 
124.  
125.   flush(); //将输出发送给客户端浏览器，使其可以立即执行服务器端输出的 JavaScript 程序。  
126.  
127.   $progress += $pix; 
128.  
129. } //end foreach  
130.  
131. ?>  
132.  
133. <script language="JavaScript">  
134.  
135.   //最后将进度条设置成最大值 $width，同时显示操作完成  
136. //phpfensi.com 
137.  updateProgress("操作完成！", <?php echo $width; ?>);  
138.  
139. </script> 
140.  
141. <?php 
142.  
143. flush(); 
144.  
145. ?> 

Tags: PHP进度条效果

分享到：