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








目標達成率・フォロワー数・耐久タスクなどを表示する「進捗バー」を20デザインセットにしました。単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースでそのまま背景透過で重ねられます。 ━━━━━━━━━━━━━━━━━━ ◆ 収録デザイン(全20種/配色はテーマで変更可) ━━━━━━━━━━━━━━━━━━ ・クラシック … 光沢が流れるバー ・リング … 円形(ドーナツ)ゲージ ・セグメント … 一つずつ光る区切りブロック ・タンク … 水面が揺れる液体タンク ・温度計 … 水銀が上がる温度計風 ・バッテリー … 残量アイコン風 ・ピクセル … 8bitレトロゲーム風ローディングバー ・ハート … ハートが増えていく愛情ゲージ ・XPバー … RPGのXPバー(レベル表示つき) ・ドット … 円形に並んだドットが点灯 ・コイン貯金 … 貯金瓶にコインが積み上がる ・植物 … 進捗に応じて植物が育つ ・ロード … 道路を車が進むロードトリップ風 ・砂時計 … 砂が落ちて溜まる ・イコライザ … 音楽イコライザー風バー ・星座 … 星座がつながって伸びるライン ・ネオン管 … ネオン管が点灯していくバー ・巻物 … 巻物が開いていく ・ゲージ … 半円スピードメーター(ゾーン色分け) ・レンガ … レンガが積み上がって壁になる ━━━━━━━━━━━━━━━━━━ ◆ 使い方 ━━━━━━━━━━━━━━━━━━ ・OBS:ソース →「ブラウザ」→ ローカルファイルで .html を指定(背景は自動で透過) ・単体:ファイルをダブルクリックしてブラウザで表示 ・キー操作:↑/+=加算、↓/-=減算、0=リセット、←→=10倍量で増減、クリックでも+1 ━━━━━━━━━━━━━━━━━━ ◆ 特長 ━━━━━━━━━━━━━━━━━━ ・全デザイン共通のURLパラメータで現在値・目標値・ラベル・単位・言語・配色・大きさを調整(例 ?value=65&goal=100&theme=gold) ・数値はPCに自動保存(再読込しても消えません/?persist=offで無効化可) ・画像・動画素材を使わない「コード製」なので軽量。どの解像度でもにじまない ・日本語/English 切替対応(ブラウザ言語で自動判定、?lang=でも指定可) ・Chrome/Edge で動作確認済み。ネット接続不要 ◆ こんな方に ・フォロワー目標・耐久配信の進捗・作業目標を見える化したい配信者 ・視聴者と一緒に目標を追いかける企画をやりたい方 万が一素材に不備がありましたらメッセージまでお願いします。 不具合・ご要望は BOOTH のメッセージからどうぞ。







