Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- react
- Mongoose
- frontend
- HTML
- JavaScript
- heroku
- CSS
- express
- NextJs
- MongoDB
- Session
- Flutter
- pug
- GRID
- 자바스크립트
- form
- ECMAScript
- nodejs
- clonecoding
- Component
- javscript
- backend
- graphQL
- ES6
- node.js
- API
- CLONE
- TypeScript
- 리액트
- DART
Archives
- Today
- Total
목록Meter (1)
Enjoy Programming

간만에 html tag 를 기록한다. 기존 개발시에 게이지 바 같은 폼을 만드려면 주로 input tag를 custom 해서 쓰거나 빈태그 두개를 css만 주고 채워질 게이지의 width만 prop으로 전달해서 눈속임의 게이지 바를 만들었었다. 오늘 새로운 태그를 하나 알게 되었는데 혁명이다... https://developer.mozilla.org/ko/docs/Web/HTML/Element/progress - HTML: Hypertext Markup Language | MDN HTML 요소는 어느 작업의 완료 정도를 나타내며, 주로 진행 표시줄의 형태를 띕니다. developer.mozilla.org 바로 progress tag! 작업의 완료 정도를 value로 전달하고 max치만 조절 해주면 알아서..
HTML
2022. 1. 17. 21:19