Skip to content

Instantly share code, notes, and snippets.

@QWxleA
Created March 18, 2022 13:26
Show Gist options
  • Save QWxleA/b38c16c16d9b98f77d4246d350df4631 to your computer and use it in GitHub Desktop.
Save QWxleA/b38c16c16d9b98f77d4246d350df4631 to your computer and use it in GitHub Desktop.
Add simple progress bar to Logseq
/* In your config.edn: */
:macros {"progress" "[:span [:progress {:value $1 :max $2 :style {:width 200 :margin-right 4}}] [:small \"$1/$2\"]]"}
/* In your custom.css: *
/* Progress bar */
progress {
vertical-align: middle;
border-radius: 8px;
height: 0.7em;
width: 100px;
border: 1px solid #000;
overflow: hidden;
}
progress::-webkit-progress-bar {
background: var(--ls-tertiary-background-color);
background: var(red);
}
progress::-webkit-progress-value {
background: var(green);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment