편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
2번째 줄: | 2번째 줄: | ||
;CSS striped progres | ;CSS striped progres | ||
<source lang='html'> | |||
< | |||
<style> | <style> | ||
.prog { | .prog { | ||
31번째 줄: | 30번째 줄: | ||
<br> | <br> | ||
<span class="prog prog2">진행중입니다</span> | <span class="prog prog2">진행중입니다</span> | ||
</ | </source> | ||
<jsfiddle height='200'>yLb4e1ft</jsfiddle> | |||
<source lang='html'> | |||
< | |||
<style> | <style> | ||
.progress { | .progress { | ||
60번째 줄: | 59번째 줄: | ||
<div class="progress-bar" style="width: 70%">진행중입니다</div> | <div class="progress-bar" style="width: 70%">진행중입니다</div> | ||
</div> | </div> | ||
</ | </source> | ||
<jsfiddle>04gh37ym</jsfiddle> | |||
<source lang='html'> | |||
< | |||
<style> | <style> | ||
.meter { | .meter { | ||
98번째 줄: | 97번째 줄: | ||
</style> | </style> | ||
<div class="meter">이발소<i></i></div> | <div class="meter">이발소<i></i></div> | ||
</ | </source> | ||
<jsfiddle>s41mkftn</jsfiddle> | |||
==참고== | ==참고== |