웹솔루션개발 25년 노하우! 해피CGI의 모든것

숫자를 비율로 표시해서 애니메이션이 되는 원그래프, 파이 그래프 형태의 다양한 샘플을 보실수 있습니다. 다운로드 받은 파일의 압축을 풀면 나오는 docs/index.html 파일을 웹브라우저로 열어서 보면 샘플을 확인하는게 가능합니다. 위 그림 보다 더 많은 예제를 확인 해볼수 있습니다. 입력박스의 숫자를 조절해보면 그래프가 변경되는게 애니메이션으로 진행이 되네요. 일반 자바스크립트를 이용해도 작동하고, Jquery 를 이용해도 작동하도록 되어 있네요. 출처는https://www.jqueryscript.net/loading/percentage-circle-progress.html 입니다

부트스트랩을 사용하여 진행과정을 표시하는 스타일입니다. 그 중에서도 가장 기본적인 진행 막대입니다. aria-valuenow 수치와 스타일에 수치를 조절하여 진행율을 표시할 수 있습니다. 위 진행막대를 이용하여 여러곳에 이용가능합니다.