progress bar
-
ProgressBar 구현하는 3가지 방법 :: 마이구미HTML, CSS 2018. 2. 8. 00:55
이 글은 ProgressBar 구현에 대해 다뤄본다.ProgressBar는 "진행바" 라고 불린다.웹사이트 및 앱 개발 등 많은 개발에서 보여지고 있다.우선 글에 앞서, 편의상 진행바라고 표현하겠다. 예제 - (https://codepen.io/mygumi/pen/EQypKX) 진행바는 크게 3가지로 구현할 수 있다. HTML tag (div, span, etc)HTML5 progress tagSVG div 나 span 으로 구현하는 방식이 일반적인 방법이다.HTML5 에서는 태그로 지원을 하는 것을 볼 수 있듯이, 웹 개발 시 많이 이용한다는 것을 알 수 있다.SVG 태그를 통해 구현하는 방식 또한 존재한다. 3가지 구현 방법에 대한 구현 예제는 다음과 같다. See the Pen progressbar..