javascript, css 기초 개념 정리

html 문서에서 게이지를 늘리고 줄이는 게이지 바를 생성할 수 있다.

input 태그를 통해 type을 range로 설정하여 생상이 가능하다.
생성시 value, min, max, step을 통해 필요한 여러 값을 설정할 수 있다.

<input type="range" min="0.1" max="5.0" value="2.5" step="0.1" />

min - 최소로 설정할 수 있는 값을 의미
max - 최대로 설정할 수 있는 값을 의미
value - 최초 페이지에 접속했을때 default 값으로 설정되어 있는 값을 의미
step - 게이지를 이동했을때 변동되는 값을 의미

*모든 값은 html, css 에서 설정할 수 있다.