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








自分で押して増やす進捗バーです。↑キー/+キー、または画面をクリックで加算。↓/-で減算、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 のメッセージからどうぞ。








