안녕하세요 질문좀 드리겠습니다.아래 사진 보시는것처럼 막대그래프를 만들고 있습니다 문제는 50% 이런식으로만 넣어서 되는데.. 사진처럼 되는 제이쿼리나 이런소스가 있을까요 ? .iGraph{ white-space:nowrap; line-height:normal;} .iGraph .gBar{ display:inline-block; width:250px; height:14px; margin:0 5px 0 0; border:1px solid #ccc; background:#e9e9e9; font-size:11px;} .iGraph .gAction{ display:inline-block; height:14px; border:1px solid #8c9bac; background:#99a6b6; margin:-1px;} .iGraph .gPercent{...

로그인 회원가입

이전 목록 다음

채택완료

막대 그래프 질문좀 드리겠습니다

fldkfem1

2016-11-22 (화) 11:19:28 2,425

안녕하세요 질문좀 드리겠습니다.

아래 사진 보시는것처럼 막대그래프를 만들고 있습니다

문제는 50% 이런식으로만 넣어서 되는데.. 사진처럼 되는 제이쿼리나 이런소스가 있을까요 ?

<code>

.iGraph{ white-space:nowrap; line-height:normal;} .iGraph .gBar{ display:inline-block; width:250px; height:14px; margin:0 5px 0 0; border:1px solid #ccc; background:#e9e9e9; font-size:11px;} .iGraph .gAction{ display:inline-block; height:14px; border:1px solid #8c9bac; background:#99a6b6; margin:-1px;} .iGraph .gPercent{ font:16px Arial, Helvetica, sans-serif; color:#ccc;} .iGraph .gPercent strong{ font-size:18px; color:#e88b30;} <span class="iGraph">
	<span class="gBar"><span class="gAction" style="width:50%"></span></span>
	<span class="gPercent"><strong>50</strong>%</span>
	</span>

</code>

그누보드5

채택된 답변

+20 포인트

공명과맥

2016-11-22 (화) 13:28:26

차트라면 여기를 참고해보세요.

답변을 작성하려면 로그인이 필요합니다.