目標達成バー（OBS のブラウザソース用 HTML） ■ 機能 ・パラメータなしでも表示される ・アクセント色を変えられる（URL の color） ・URL の cur に入れた数値が表示に反映される ・URL の goal に入れた数値が表示に反映される ・URL の label に書いた文字が表示される ・テーマを glass・dark・light・neon から選べる（URL の theme） ・URL の unit に書いた文字が表示される ・URL の lang=en で、達成時の表示が「Reached!」になる ・ブラウザ上で矢印キー↑↓を押すと、現在値が1ずつ増減する（目標値が上限） ■ 使い方 ・OBS →ソース「＋」→「ブラウザ」→「ローカルファイル」に goalbar.html を指定します ・設定は URL の末尾に付けます（例：goalbar.html?cur=10&goal=10&theme=neon）。このときは「ローカルファイル」を外し、URL 欄に file:///…/goalbar.html?… と書きます ■ 同梱ファイル ・goalbar.html／README_ja.txt／README_en.txt ■ 規約 ・配信・動画での使用OK（収益化含む）・クレジット不要・再配布／転売禁止・外部通信なし OBS browser-source overlay (HTML). Options: renders with no parameters, accent color (color=), number via cur=, number via goal=, custom text via label=, themes: glass/dark/light/neon (theme=), custom text via unit=, 'Reached!' badge with lang=en, arrow keys change the value by 1 (capped at goal). Monetized use OK, no credit required, no redistribution/resale, no external communication. ▼ ほかの配信素材（YUNARI のショップ） https://yoka-wan.blog/go/sh/ ■ 制作について ・この素材（HTML・CSS・JavaScript）は AI で作成しています Made with AI.