그냥 저런녀석을 어떻게 구현하는지만 팁정도로 알려드립니다.
스킨제작자분께서 참고하셔서 이쁜 스킨을 만드시는 것도 좋겠네요.
요놈을 함수로 만들어서 불러오면 편할 것 같아요.

ex) 1000포인트마다 1등급이 상승하는 경험치바를 예로 만들어봅시다.

우선 경험치 바를 만들려면 시작 경험치와 끝 경험치를 아셔야 합니다.
1000포인트를 1등급이라고 잡았음으로 시작포인트는 0이고 끝포인트는 1000포인트겠죠.
즉 0이면 0% 1000이면 100%가 됩니다.

제가 알기로 포인트 함수가 $data[point] 요놈 인것으로 알고 있습니다.
요놈을 통합으로 잡고 밀어붙이겠습니다. 그냥 제로보드 포인트라고 생각하시면 되겠습니다.
함수틀로 잡으면서 시작해볼까요

//우선 함수의 테두리를 갖춥니다.
funtction exp_bar($data[point]){ //굳이 $data[point]가 아니더라도 제로포인트만 불러오셔요. 예)$point

$exp_point = $data[point]; // 요놈은 포인트를 exp_point라는 변수에 입력시킵니다. 그럼 exp_point로 가지고 놀면됩니다. 물론 $data[point] 요놈은 $point라던지 다른놈으로 (위 에서 호출한) 바꿔줘도 무방합니다.

$exp_level = ceil($exp_point / 1000); //  포인트를 1000으로 나눕니다. 나눈값은 레벨이 됩니다. ceil요놈은 무조건 반올림입니다. 포인트가 5000 이면 레벨이 5겠죠.

if($exp_level < 1) $exp_level = 1; // 위 1천으로 나눴을때 1미만의 레벨은 1로 잡아줍니다.

if($exp_level > 100) $exp_level = 100; // 최대 레벨을 100으로 잡아줍니다.

$max = $level * 1000; // 끝값은 렙업할때마다 1000씩 올라가게끔 해주는겁니다. 즉 레벨에 1000씩 곱하는거죠.

$bar = (int)($exp_point / $max * 100); // 위에서 말한 시작값과 끝값입니다. 요놈을 나누고 *100하면 %가 나옵니다.

$graph = $bar."%"; // 요놈은 편리상 %넣어주는놈이죠.

/*소스아님
자 이제풀어봅시다.
시작값은 자기 포인트 끝값은 자기레벨에 1000을 곱한 것입니다.
그러니 자세이 풀면

자신의 포인트가 4500포인트라고 가정합니다.
$bar = (int)( 4500 / $max * 100 );

4500을 레벨로 환산합니다. 1000을 나눔으로 4.5가 나오죠. 4.5면 ceil로 반올림되니 레벨은 5가 되겠군요.

$max값은 레벨*1000이군요.

그렇다면 요렇게 나오는군요.
$bar = (int)( 4500 / 5000 * 100 );

위에것을 계산하면 90이라는 것이 나옵니다.

이것을 테이블에 응용해서 사용합니다.
소스아님*/

echo "<table cellpadding=0 cellspacing=0 border=0 width=100><tr><td background='??.gif'><img src='??.gif' width='$graph' height='8'></td></tr></table>";
//넓이100짜리 테이블에 td에 %게이지를 채울만한 배경이미지를 넣은뒤 이미지 가로1px짜리 이미지하나만 불러오면 %만큼 td공간을 채워줍니다. 이런식으로 %를 만들거든요.

} //함수를 닫아줘야죠.

-끝-

이해하셨는지, 또한 위에 토해낸 소스가 맞는지는 확인을 안해봐서모르겠습니다만;;

대충~ 저런식으로 포인트에 관련된 %정도를 나타낼 수 있습니다.
위에 내용은 함수를 예로 대충 설명한것이니 정답이 아니구요. 여러분이 조금만 알파를 더 해주시면 될것같습니다.

아참 마지막엔 함수를 불러내오는것 있지 마세요.

참고로! 위 레벨은 권한레벨이 아니라 포인트를 기준으로 만든 레벨 입니다.
 

on uri.co.kr 

출처 : http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&page=1&sn1=&divpage=1&sn=off&ss=on&sc=off&keyword=경험치&select_arrange=headnum&desc=asc&no=8019