可変式のプレグレスバーの作成について

Question

現在、Jqueryの勉強をしております。そこで、UIの勉強の中で上記の部分のようなUIを組みたいのですが、どのようなアプローチをすれば良いのでしょうかまたは、すでにそのようなUIcomponentがあれば、ご教授お願いします。
[やりたいこと]
ユーザが1~100でバーを好きなように可変でき、その値をFormで送信するようにする。

[やったこと]
ヘディングのテキストラジオボタンで組んだ場合、タップでパラメターが可変するはできた。

Answer 1

HTMLの標準の機能としてUIが存在しているので、調べてみてもよさそうです。
<input type="range">

参考URL:
http://www.htmq.com/html5/input_type_range.shtml
https://qiita.com/nezurika/items/ea3ae9a3e9ec3c158528

Comments

[2_34_koki]

あ...すでにhtmlにあったんでね。ありがとうございます。

Answer 2

可変式のプレグレスバー

Sliderですね。

Comments

[2_34_koki]

ありがとうございます。