2021年08月24日 更新

Notionでキレイなプログレスバー表示

どうも、クラゲジュニアです。
NotionのFomulaという機能を使って綺麗なプログレスバーを作ることができます。

目次

[TOC]

ボードを作る

/boardなどでボードを作成

カードに進捗と進捗率を追加

カードを開いて進捗という名前を付けPROPERTY TYPEから Text > Formula を選択

さらに進捗率という名前を付けPROPERTY TYPEから Text > Number を選択

Formulaのコードを書く

進捗の横のEmptyをクリックするとType a formulaというテキストボックスが出てくるので、以下のコードをコピペしてDoneボタンを押す

slice("██████████", 0, floor(prop("進捗率") * 10)) + slice("░░░░░░░░░░", 0, 10 - floor(prop("進捗率") * 10)) + " " + format(floor(prop("進捗率") * 100)) + "%"

進捗率0.01.0までの値を書くとカード内にプログレスバーが表示される

プログレスバーをボード上に表示

3点アイコンからPropertiesを選び、進捗のトグルスイッチを有効にする

これで完成!
後は、各カードの進捗率に数値を入力するだけでOK

以上です。