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

[해피CGI][cgimall] Display Percentage/Progress Values As Gauges - Circle Progress 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Display Percentage/Progress Values As Gauges - Circle Progress

해피CGI윤실장 2019. 11. 18. 09:13

숫자를 비율로 표시해서
애니메이션이 되는 원그래프, 파이 그래프 형태의 다양한 샘플을 보실수 있습니다.

다운로드 받은 파일의 압축을 풀면 나오는
docs/index.html 파일을 웹브라우저로 열어서 보면 샘플을 확인하는게 가능합니다.







위 그림 보다 더 많은 예제를 확인 해볼수 있습니다.

입력박스의 숫자를 조절해보면
그래프가 변경되는게 애니메이션으로 진행이 되네요.


일반 자바스크립트를 이용해도 작동하고,
Jquery 를 이용해도 작동하도록 되어 있네요.



출처는

https://www.jqueryscript.net/loading/percentage-circle-progress.html 입니다




홈페이지바로가기

Comments