Notion に貼れる時間の進捗バー

「今年はもう 78% 終わった」という表示は、カレンダーよりも時間の流れを実感させてくれます。「時間の進捗」は今日・今週・今月・今年の進み具合をリアルタイムのバーで表示し、「マス目で見る 1 年」は 1 年を 365 のマスで描きます。「人生カウントダウン」は年・四半期・月・週・日を切り替えられ、バーのスタイルは 7 種類です。

ページアイコンやカバーに進捗を表示することもできます。「時間のリング」「ドットで見る 1 年」「週末バッテリー」、液体が満ちていくような「今年の進捗」カバーなどです。

ウィジェット（4）

• 時間の進捗 — 今日・今週・今月・今年はどれくらい過ぎた？バーが毎秒進み、残り時間も表示します
  
• マス目で見る 1 年 — 1 マスが 1 日。今年がどこまで進んだかがひと目でわかります
  
• 人生カウントダウン — 年・四半期・月・週・日ごとの経過を 7 種類の進捗バーで表示
  
• カスタム人生カウントダウン — 自由にカスタマイズできます
  

動くアイコン（3）

• 時間のリング — 今年・今月・今週・今日がどれくらい過ぎたかをリングで表示。毎日更新されるやさしいリマインダー
  
• ドットで見る 1 年 — 1 年の毎日を点で表示。過ぎた日は点灯し、今日は点滅、これからの日は薄く表示
  
• 週末バッテリー — 週末が近づくほど充電が満タンに。月曜は 20%、金曜は満充電。泡と稲妻マークで 1 週間を乗り切りましょう
  

動くカバー（3）

• 今週のカレンダー — 月・週番号・進捗を表示するすっきりした週間カレンダーのカバー。今日のカードがやさしく光ります
  
• 今年の進捗 — 今年・今月・今週はどれくらい過ぎた？日本時間に合わせて液体のバーが満ちていき、水面がやさしく揺れます
  
• カウントダウンバナー — 大切な日を選ぶと、カバーに残り日数を表示。紙吹雪が舞い、当日を過ぎると経過日数を数えます
  

Notion に追加する 3 ステップ

1. ウィジェットを選ぶ：カードを開いて「ウィジェットを作成」をクリックします。ログインが必要ですが、メールに届く確認コードだけで登録できます。
2. 好みに合わせて設定：エディターで文字・色・サイズなどを変更すると、プレビューにすぐ反映されます。
3. リンクを Notion に貼る：「リンクをコピー」して、Notion のページで /embed と入力して貼り付けます（リンクを貼り付けて「埋め込み」を選んでも OK）。四隅をドラッグしてサイズを調整できます。

すべてのウィジェットを見る

よくある質問

プロジェクトやタスクの進捗も表示できますか？

できません。これらは日付から計算した時間の進捗を表示するもので、Notion のタスクの完了状況は読み込みません。プロジェクトの進捗には Notion データベースの数式やロールアップを使ってください。

ウィジェットは無料ですか？

このページの 10 件はすべて無料です。ログインすれば作成できます。無料アカウントは作成できる数に上限があり、Pro なら無制限です。

Notion のスマホアプリやデスクトップアプリでも表示されますか？

はい。ウィジェットは通常の Web 埋め込みなので、Notion の Web 版・デスクトップアプリ・スマホアプリで表示されます（インターネット接続が必要です）。

表示言語やダークモードには対応していますか？

ウィジェット内の文字は、見る人のブラウザの言語に合わせて日本語・英語・中国語（簡体字・繁体字）で表示されます。多くのウィジェットはシステムのライト / ダークモードにも自動で合わせます。

Notion 以外でも使えますか？

Web ページを埋め込めるサービスなら使えます。たとえば Obsidian や FlowUs、iframe を使った自分のサイトなどです。

関連トピック

カレンダー · カウントダウン · 習慣トラッカー · 日付・進捗のカバー

すべてのトピック