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

[해피CGI][cgimall] Dynamic Pie Chart-style Progress Bar with jQuery and SVG - progresspieSVG 본문

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

[해피CGI][cgimall] Dynamic Pie Chart-style Progress Bar with jQuery and SVG - progresspieSVG

해피CGI윤실장 2023. 3. 21. 09:04

다운로드 받은 파일의 압축을 해제한 뒤,

examples.html
examplesAnimation.html
examplesAppl.html
examplesContentPlugins.html
testSetupProgresspie.html

위 파일들을 웹브라우저로 열어보면
많은 케이스의 데모 및
각각 케이스의 사용법에 대한 확인이 가능합니다.



진행상황을
파이 형태로 화면에 표시해주는 jquery 플러그인입니다.

진행상황을 실시간으로 표시해주는 애니메이션 효과를 주는것도 가능합니다.







상당히 많은 케이스의 샘플들이 있습니다.






파이를 구성하는 요소들의 크기를 위 그림 처럼 설명을 해주고 있습니다.




원 내에 이미지를 보여주는 것도 가능합니다.





위 그림 처럼 각각의 케이스들 마다 
페이지에 표시하기 위해서 사용된 태그나 자바스크립트를
샘플 HTML파일을 브라우저로 열었을때 예시로 알려줍니다.


다양한 케이스를 이용해서,
진행상황을 표시해줘야 하는 페이지를 구성하는데 도움이 되겠네요.

 

 

 

Comments