首页 > 开发 > PHP > 正文

PHP设置进度条的方法

2024-05-04 23:37:26
字体:
来源:转载
供稿:网友

这篇文章主要介绍了PHP设置进度条的方法,实例分析了php实现进度条显示进度状态的相关技巧,非常简单实用,需要的朋友可以参考下

本文实例讲述了PHP设置进度条的方法。分享给大家供大家参考。具体如下:

 

 
  1. <html> 
  2. <head> 
  3. <style type="text/css"><!-- 
  4. div { 
  5. margin: 1px; 
  6. height: 20px; 
  7. padding: 1px; 
  8. border: 1px solid #000; 
  9. width: 275px; 
  10. background: #fff; 
  11. color: #000; 
  12. float: left; 
  13. clear: right; 
  14. top: 38px; 
  15. z-index: 9 
  16. .percents { 
  17. background: #FFF; 
  18. border: 1px solid #CCC; 
  19. margin: 1px; 
  20. height: 20px; 
  21. position:absolute; 
  22. width:275px; 
  23. z-index:10; 
  24. left: 10px; 
  25. top: 38px; 
  26. text-align: center; 
  27. .blocks { 
  28. background: #EEE; 
  29. border: 1px solid #CCC; 
  30. margin: 1px; 
  31. height: 20px; 
  32. width: 10px; 
  33. position: absolute; 
  34. z-index:11; 
  35. left: 12px; 
  36. top: 38px; 
  37. filter: alpha(opacity=50); 
  38. -moz-opacity: 0.5; 
  39. opacity: 0.5; 
  40. -khtml-opacity: .5 
  41. --> 
  42. </style> 
  43. </head> 
  44. <body> 
  45. <?php 
  46. if (ob_get_level() == 0) { 
  47. ob_start(); 
  48. echo str_pad('Loading... ',4096)."<br />/n"
  49. for ($i = 0; $i < 25; $i++) { 
  50. $d = $d + 11; 
  51. $m=$d+10; 
  52. //This div will show loading percents 
  53. echo '<div class="percents">' . $i*4 . '%complete</div>'
  54. //This div will show progress bar 
  55. echo '<div class="blocks" style="left: '.$d.'px"></div>'
  56. flush(); 
  57. ob_flush(); 
  58. sleep(1); 
  59. ob_end_flush(); 
  60. ?> 
  61. <div class="percents" style="z-index:12">Done.</div> 
  62. </body> 
  63. </html> 

希望本文所述对大家的php程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表