tedateコンテンツへスキップ夜の帳がおりています。良い時間をすごせますように。対象とした記事になります。インストールを試してみた記事もありますので、ぜひそちらもご覧ください。以前の記事では、Vuetifyで使用可能な「線形のプログレス(進捗)表示」について、ご紹介しました。[Vue.js]Vuetifyで使用できるプログレス(進捗)表示[v-progress-linear]上のリンク先の記事でもご紹介している事ですが、Vuetifyで使用可能な「プログレス(進捗)表示」は、次の2種類があります。ついての記事になります。それでは次のセクションから、v-progress-circularの使用方法について書いていきます。あわせてご覧ください。v-progress-circular早速、用例です。v-progress-circularの、シンプルな用例は、次の通りです。内に記載する想定です。値を渡すことで、円形のプログレス(進捗)表示を使用することができます。して用意しておき、それを動的に渡して使うことになると思います。その例としては、例えば次のように書く形になるかと思います。値を渡しても良いです。dataは例によって、次のような感じで数値(number)を渡せるものを用意しておけば大丈夫です(もちろんdata名は何でも可)。それについてはまた、続編の記事で書いていきたいと思ってます。サンプルを作成してみました。実際に動いている様子を次のリンクより、見ることができます。(サンプルコードは続編の記事でご紹介しています。そちらも併せてご覧ください。公式解説ページは、次のリンク先になります。基本の形の例をあげて、記事を書きました。加えた状態も試してみる予定ですので、またぜひご覧ください。関する記事を掲載していく予定です。※この記事は、内容の品質向上を目的に、随時更新を行う場合があります。