Top

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

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

물론, 관리자만..


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



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


그냥 가져다 써도 되지만

절때 어려운 소스 아니니

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





공유하기
공유하기
1
0
0


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