⚒️ Dataview Tips&Tricks #14
Вариант отображения прогресс-бара через Dataview.
В заметках во frontmatter прописываем свойства вида
progress: 50
И собираем все в таблицу запросом
TABLE
"<div style='display:flex; align-items:center; gap:4px;'>
<svg width='20' height='20' viewBox='0 0 36 36'>
<circle cx='18' cy='18' r='10.915' fill='none' stroke='#AAAAAA' stroke-width='4'/>
<circle cx='18' cy='18' r='15.915' fill='none'
stroke='" + choice(progress < 33, "#d53030",
choice(progress < 66, "#ea9d34",
choice(progress < 99, "#91cd18", "#3fd530"))) + "'
stroke-width='5' stroke-dasharray='" + progress + ",100'/>
</svg>
<span style= >" + progress + "%</span>
</div>" AS Progress
WHERE progress
SORT progress DESC
Результат - как на картинке.
#ProObsidian #ДмитрийЛаухин #dataview
================================
🎯 E-mail-рассылка Second Brain Press | 🧠 Демо-хранилище Second Brain Vault |🗿 👇Полный курс по изучению Obsidian | 📍 Zotero. Ваша личная библиотека
