막대 그래프 질문좀 드리겠습니다
본문
안녕하세요 질문좀 드리겠습니다.
아래 사진 보시는것처럼 막대그래프를 만들고 있습니다
문제는 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>
답변을 작성하시기 전에 로그인 해주세요.