퍼센트 게이지에 따라 상기와 같은 모양의 유동적인 바를 구현하는 방법이다. HTML bar CSS : base에 해당하는 bar와 유동적으로 변하는 퍼센트 바의 기본 스타일 지정 .bar-container {//회색바 width: 100%; background-color: #f1f1f1; text-align: center; color: white; border-radius: 5px; } .bar {//색깔 바 height: 20px; background-color: #2196F3; border-radius: 5px; } SCRIPT : 퍼센트바의 Width를 설정해 퍼센트 바의 채워지는 정도 설정(다음 코드는 임의적으로 Width를 설정한 것이지만 계산에 따라 퍼센트바를 유동적으로 변하게 할수 있다.) ..