はじめに 本記事では、プログレスバーを簡単に実装できるprogressbar.jsをご紹介します。 こちらのライブラリは以前からありますが、ちょこちょこアップデートされているので改めてどんなことができるのか、どういった特徴があるのかなどを振り返っていきたいと思います。 また、bageleeでは以前画像に簡単にアニメーションをつけるライブラリもご紹介してますので、ぜひご覧ください。 画像に簡単にアニメーションをつけるcurtain.js progressbar.jsとは progressbar.jsは簡単にスタイリッシュでレスポンシブ対応をしているプログレスバーをSVGパスで作れることができるライブラリです。 モバイルデバイスでもアニメーションが崩れることなく綺麗に表示されるだけでなく、線のバー、丸のバー、半円のバーなどシェイプにも種類がいくつかあり、さらにカスタムでシェイプを作ることもでき
![プログレスバーを簡単に実装できるprogressbar.js - bagelee(ベーグリー)](https://cdn-ak-scissors.b.st-hatena.com/image/square/b4243082eecfee1f773f1dd60d033c8df9913073/height=288;version=1;width=512/https%3A%2F%2Fbagelee.s3-ap-northeast-1.amazonaws.com%2Fwp-content%2Fuploads%2F2018%2F06%2F13-1024x610.png)