whitesal BLOG 모바일 페이지

[PHP] 프로그레스바(BAR) 만들기! | Web-Programing

김경훈 (admin)

| Editor | 2014/11/14 18:56:19 | 조회:7396

가가

답글 목록

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

물론, 관리자만..

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

//프로그레스바를 생성해주는 함수
function create_status_bar()
{
echo "
<style>
#text { position: absolute; top: 100px; left: 50%; margin: 0px 0px 0px -150px; font-size: 18px; text-align: center; width: 300px; }
#barbox_a { position: absolute; top: 130px; left: 50%; margin: 0px 0px 0px -160px; width: 304px; height: 24px; background-color: #bbbbbb; }
.text { position: absolute; top: 170px; left: 50%; margin: 0px 0px 0px -150px; font-size: 18px; text-align: center; width: 300px; background-color: #FFFFFF;}
.per { position: absolute; top: 130px; font-size: 18px; left: 50%; margin: 1px 0px 0px 150px; background-color: #FFFFFF; }
.bar { position: absolute; top: 132px; left: 50%; margin: 0px 0px 0px -158px; width: 0px; height: 20px; background-color: #dcdcdc; }
.blank { background-color: white; width: 300px; }
</style>";
echo "
<div id='text'>메일 전송중.</div>
<div id='barbox_a'></div>
<div class='bar blank'></div>
<div class='per'>0%</div>
";
flush();
}
//프로그레스 상태를 업데이트 해주는 함수.
//매개변수값은 본인이 원하는데로 수정하면 된다.
function update_status_bar($percent, $mem_c, $mem_n)
{
echo "<div class='per'>{$percent}%</div>n";
echo "<div class='bar' style='width: ", $percent * 3, "px'></div>n";
echo "<div class='text'>{$mem_n} / {$mem_c} </div>";
flush();
}
// 프로그레스바 출력!
create_status_bar();
$count = 10;
for($i=0 ; $i < $count ; $i++)
{
send_mail_to_person($conntents);
sleep(1);
$percent_value = round((100/($count-1))*$i);
update_status_bar($percent_value, $count, $i+1);
}

그냥 가져다 써도 되지만

절때 어려운 소스 아니니

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

아래의 URL을 길게 눌러 전체선택 후 복사해 주세요.

http://www.whitesal.com/m/article/article_view.php?no=3113

댓글을 불러오는 중입니다.



답 글 목 록



▲ 이전글	요새 나 엄청나게 화블 활동함



▼ 다음글	FC 발표를 마치고서..

회원님

에서 훈병(으)로
진급을 축하 드리며
승승장구 하길 기원합니다.

Whitesal Blog...

The Beautiful Thing...

회원님 에서 훈병(으)로 진급을 축하 드리며 승승장구 하길 기원합니다.

Whitesal Blog... The Beautiful Thing...

회원님

에서 훈병(으)로
진급을 축하 드리며
승승장구 하길 기원합니다.

Whitesal Blog...

The Beautiful Thing...