【配信】進捗バー OBS用デザインパック 20種 ─ タンク/XPバー/ゲージなど・透過・登録不要

自分で押して増やす進捗バーです。↑キー／＋キー、または画面をクリックで加算。↓／－で減算、0でリセット。時間や外部サービスで勝手に動くのではなく、配信者が自分のタイミングで手動で更新します。

API・プラグイン・アカウント登録・ネット接続は、どれも不要です。単一HTMLファイルなので、OBSの「ブラウザ」ソースにローカルファイルとして指定するだけで動きます（背景は自動で透過）。

フォロワー目標・耐久配信の進行・投げ銭の合計・連勝数など、自分で数えている数字を20デザインから選んで画面に出せます。

━━━━━━━━━━━━━━━━━━

◆ 更新は全部あなたの手で（全20種 共通）

━━━━━━━━━━━━━━━━━━

・↑ ／ ＋ ＝ 加算　　↓ ／ － ＝ 減算

・← ／ → ＝ 10倍量で増減

・0 ＝ リセット

・画面をクリックでも加算（1回で step 分。既定は +1）

・OBS上で操作するときは、ソースを右クリック →「対話」を開き、その中でクリック／キー操作をします

・?step=5 のように1回あたりの増減量を変えられます

・外部サービス・API・配信プラットフォームとの連携はありません。数字を動かすのはあなただけです

━━━━━━━━━━━━━━━━━━

◆ 収録デザイン（全20種／配色はテーマで変更可）

━━━━━━━━━━━━━━━━━━

・クラシック … 光沢が流れるバー

・リング … 円形（ドーナツ）ゲージ

・セグメント … 一つずつ光る区切りブロック

・タンク … 水面が揺れる液体タンク

・温度計 … 水銀が上がる温度計風

・バッテリー … 残量アイコン風

・ピクセル … 8bitレトロゲーム風ローディングバー

・ハート … ハートが増えていく愛情ゲージ

・XPバー … RPGのXPバー（レベル表示つき）

・ドット … 円形に並んだドットが点灯

・コイン貯金 … 貯金瓶にコインが積み上がる

・植物 … 進捗に応じて植物が育つ

・ロード … 道路を車が進むロードトリップ風

・砂時計 … 砂が落ちて溜まる

・イコライザ … 音楽イコライザー風バー

・星座 … 星座がつながって伸びるライン

・ネオン管 … ネオン管が点灯していくバー

・巻物 … 巻物が開いていく

・ゲージ … 半円スピードメーター（ゾーン色分け）

・レンガ … レンガが積み上がって壁になる

━━━━━━━━━━━━━━━━━━

◆ 使い方

━━━━━━━━━━━━━━━━━━

・OBS：ソース →「ブラウザ」→ ローカルファイルで .html を指定（背景は自動で透過）

・単体：ファイルをダブルクリックしてブラウザで表示

・インストール・プラグイン導入・アカウント登録はありません

━━━━━━━━━━━━━━━━━━

◆ 特長

━━━━━━━━━━━━━━━━━━

・全デザイン共通のURLパラメータで現在値・目標値・ラベル・単位・増減量・言語・配色・大きさを調整（例 ?value=65&goal=100&step=1&theme=gold）

・数値はPCに自動保存（再読込しても消えません／?persist=offで無効化可）

・?key=任意の文字 で保存先を分けられるので、同じデザインを2つ置いても数字が混ざりません

・画像・動画素材を使わない「コード製」なので軽量。どの解像度でもにじまない

・日本語／English 表示（?lang=ja ／ ?lang=en で切替。既定は日本語）

・Chrome／Edge で動作確認済み。ネット接続不要、オフラインで動きます

◆ こんな方に

・フォロワー目標・耐久配信の進捗・作業目標を見える化したい配信者

・視聴者と一緒に目標を追いかける企画をやりたい方

・数字を自分で数えていて、それを画面に出したい方（投げ銭の合計・連勝数・ノルマ達成数など）

万が一素材に不備がありましたらメッセージまでお願いします。

不具合・ご要望は BOOTH のメッセージからどうぞ。