kasumil의 코딩 공작소

프로그레스바 중에 각 단계별 진행되는 바를 스텝바(step)라고 하는 것을 방금 알았다. 이를 나중에 또 찾기 귀찮으니 기록한다. 내가 만든 css중 li:after에 z-index를 뺐더니 보더 색상이 다를 경우 해당 선이 원형(동그라미) 위에 올라오는 문제가 생긴다. 일단 보더 색상을 일치하는 것으로 진행했지만 그게 안되는 경우 어떻게 해봐야 할 듯... 결과물 https://jsfiddle.net/gvnwqp4d/ Edit fiddle - JSFiddle - Code Playground jsfiddle.net CSS /* step bar */ .stepbar { counter-reset: step; } .stepbar li { list-style: none; display: inline-block;..

별건 없고, 그냥 css 적용할때 알게된 사실을 적기위해 적는다. https://jsfiddle.net/92qvegtr/2/ Edit fiddle - JSFiddle - Code Playground jsfiddle.net progress { -webkit-appearance: none; // 이부분이 있어야 기본적으로 먹힌 색상을 수정할 수 있다. height: 5px; } progress::-webkit-progress-bar { background: "lightblue"; border-radius: 5em; } progress::-webkit-progress-value { background-color: #19E0A7; border-radius: 5em; } 프로그레스바 커스텀.