応答性と滑らかな進捗バー
- ソフト名 : ProgressBar.js
- OS :
- 言語 : JavaScript
- 開発者 : HOME
ProgressBar.js 詳細説明
Animated SVGパスを使用したレスポンシブとスリックプログレスバー。内蔵図形を使用するか、独自のパスを作成します。あなたが望むようにアニメーションをカスタマイズします。ProgressBar.jsを使用すると、Webのレスポンシブでスタイリッシュなプログレスバーを作成するのが簡単です。アニメーションはモバイル機器でもうまく機能します。それはライン、サークル、そして半円のようないくつかの組み込み形状を提供しますが、任意のベクトルグラフィックエディタでカスタム形状のプログレスバーを作成することもできます。ProgressBar.jsは軽量で、IE9 +を含むすべての主要ブラウザをライセンス認定してサポートしています。ライン状のプログレスバーを作成し、それを0％から100％にアニメートする簡単なコード例。ProgressBar.jsはShifty Tweening Libraryを使用してパス描画をアニメートします。それでも言い換えれば、requestAnimationFrameを使用してJavaScriptを使用してアニメーションが行われます。JSでのアニメーションは、アニメーションをより多くの制御を与え、主要ブラウザでサポートされています。たとえば、すなわち、CSS遷移でSVGプロパティのアニメーションをサポートしていません。