Top

[PHP] 프로그레스바(BAR) 만들기! | Web-Programing
김경훈 (admin) | Editor | 2014/11/14 18:56:19 | 조회:6016

화블에는 회원들에게 단체메일을 전송하는 페이지가 있다.

물론, 관리자만..


많은 회원들에게 메일을 보내다 보니.. 어느정도 진행되고 있는지 알고 싶어 개발을 했다.



  1. //프로그레스바를 생성해주는 함수
  3. function create_status_bar()
  4. {
  5.      echo "
  6.         <style>
  7.             #text { position: absolute; top: 100px; left: 50%; margin: 0px 0px 0px -150px; font-size: 18px; text-align: center; width: 300px; }
  8.             #barbox_a { position: absolute; top: 130px; left: 50%; margin: 0px 0px 0px -160px; width: 304px; height: 24px; background-color: #bbbbbb; }
  9.             .text { position: absolute; top: 170px; left: 50%; margin: 0px 0px 0px -150px; font-size: 18px; text-align: center; width: 300px; background-color: #FFFFFF;}
  10.             .per { position: absolute; top: 130px; font-size: 18px; left: 50%; margin: 1px 0px 0px 150px; background-color: #FFFFFF; }
  11.             .bar { position: absolute; top: 132px; left: 50%; margin: 0px 0px 0px -158px; width: 0px; height: 20px; background-color: #dcdcdc; }
  12.             .blank { background-color: white; width: 300px; }
  13.         </style>";
  14.     echo "
  15.         <div id='text'>메일 전송중.</div>
  16.         <div id='barbox_a'></div>
  17.         <div class='bar blank'></div>
  18.         <div class='per'>0%</div>
  19.         ";
  20.         flush();
  21. }       
  24. //프로그레스 상태를 업데이트 해주는 함수. 
  25. //매개변수값은 본인이 원하는데로 수정하면 된다.
  26. function update_status_bar($percent, $mem_c, $mem_n)
  27. {
  28.     echo "<div class='per'>{$percent}%</div>n";
  29.     echo "<div class='bar' style='width: ", $percent * 3, "px'></div>n";
  30.     echo "<div class='text'>{$mem_n} / {$mem_c} </div>";
  31.     flush();
  32. }
  35. // 프로그레스바 출력!
  36. create_status_bar();
  39. $count = 10;
  40. for($i=0 ; $i < $count ; $i++)
  41. {
  42.     send_mail_to_person($conntents);
  43.     sleep(1);
  44.     $percent_value = round((100/($count-1))*$i);
  47.     update_status_bar($percent_value, $count, $i+1);
  48. }


그냥 가져다 써도 되지만

절때 어려운 소스 아니니

그냥 가져다 본인의 페이지에 맞게 수정 해서 쓰면 좋을것 같다.
공유하기
공유하기
1
0
0


댓글을 불러오는 중입니다.
▲ 이전글 [MYSQL] 이미지,파일 업로드 하기 안지흠 (hoomiyam) 2014-12-26 10:17:32
▼ 다음글 [SVN] SVN 명령어 김경훈 (admin) 2014-11-14 16:36:43
페이지 로딩이 끝나면 해당 댓글로 이동 합니다.