출처1 :&nbsp;<a href="https://jsfiddle.net/knw1234/ao3qt84v/" target="_blank" class="tx-link">https://jsfiddle.net/knw1234/ao3qt84v/</a>
출처2 :&nbsp;<a href="https://codepen.io/tarsusi/pen/PNRjQz" target="_blank" class="tx-link">https://codepen.io/tarsusi/pen/PNRjQz</a>
 
웹에서 프로그레스바를 사용할 일이 생겼다.&nbsp;
그래서 찾아보니 progress tag가 있었는데 브라우저별로 다르게 보이는게 맘에 들지 않더라.
 
찾다보니 출처2를 찾았는데 d3.v3 버전인거 같아서 v5 버전으로 살짝만 손보았다.&nbsp;
 
그리고 프로그레스바 두께를 변경했을 때 이상하게 보이는 부분을 수정했다.&nbsp;
 
데모는 출처1을 눌러보자.
 
 
 
<script async="" src="//jsfiddle.net/knw1234/ao3qt84v/embed/"></script>

[d3.js] d3 chart로 progress progressbar 생성하기