반응적이고 매끄러운 진행률 막대
- 소프트웨어 : ProgressBar.js
- OS :
- 프로그래밍 언어 : JavaScript
- 공식 웹사이트 : HOME
ProgressBar.js 상세
애니메이션 된 SVG 경로가있는 반응적이고 매끄러운 진행률 표시 줄.내장형 모양을 사용하거나 자신의 경로를 만듭니다.원하는대로 애니메이션을 사용자 정의하십시오.ProgressBar.js를 사용하면 웹을위한 응답 성 및 세련된 진행률 막대를 쉽게 만들 수 있습니다.애니메이션은 모바일 장치에서도 잘 작동합니다.라인, 원형 및 반원과 같은 몇 가지 내장 된 모양을 제공하지만 벡터 그래픽 편집기가있는 사용자 정의 모양의 진행 표시 줄을 만들 수도 있습니다.ProgressBar.js는 경량이며 IE9 +를 포함한 모든 주요 브라우저를 지원합니다.선 모양의 진행률 표시 줄을 만들고 0 %에서 100 %까지 애니메이팅하는 간단한 코드 예입니다.ProgressBar.js는 Shifty Tweening 라이브러리를 사용하여 경로 도면을 애니메이션합니다.그렇다면 RequestAnimationFrame을 사용하여 JavaScript로 애니메이션이 수행됩니다.JS와 함께 애니메이션을 사용하면 애니메이션을 더 많이 제어하고 주요 브라우저에서 지원됩니다.예를 들어, IE는 CSS 전환이있는 SVG 속성 애니메이션을 지원하지 않습니다.