obsidian-plugin/cactuzhead_Advanced-Progress-Bars
1
0
Fork 0
mirror of https://github.com/cactuzhead/Advanced-Progress-Bars.git synced 2026-07-22 05:42:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
No description
34 commits 1 branch 17 tags 4.5 MiB
TypeScript 94.5%
CSS 5.4%
SCSS 0.1%
Find a file
cactuzhead 520d75a025
Add files via upload
2025-02-24 21:49:08 +00:00
_layouts Create default.html 2025-02-23 12:52:26 +00:00
docs/assets Add files via upload 2025-02-24 21:49:08 +00:00
_config.yml Update _config.yml 2025-02-23 12:49:49 +00:00
README.md Update README.md 2025-02-24 19:51:28 +00:00

README.md

Advanced-Progress-Bars

![Advanced Progress Bars](/docs/assets/Obsidian Advanced Progress Bars - Hero Banner.png) Obsidian plugin to create custom progress bars

Code Block

To insert an Advance Progress Bar into obsidian, you use a fenced code block similar to the one below.

```obsidian-bar
Progress: 57/100
```

Within your obsidian-bar code block, specify the attributes Title: Value/ Total.

Installation

Installing via Obsidian

Navigate to Settings -> Community Plugins -> Browse and then search for APB. Now select the Advance Progress Bars plugin and click the install button.

Manual Install

Navigate to https://cactuzhead.github.io/Advanced-Progress-Bars/ and copy the main.js and manifest.json to your vault's .obsidian/plugins/obsidian-apb directory (ex. VaultFolder/.obsidian/plugins/obsidian-apb/).

![Advanced Progress Bars](/docs/assets/Obsidian Advanced Progress Bars - Text Diagram.png)

Segmented Marks

!Obsidian Advanced Progress Bars - Settings - Toggle 2.png If you have the Number of Colors setting (found lower down on the settings page) to a value more than 1, you can use this toggle to display equally separated segmented marks along your progress bars.

Number of Colors Marks Segments
1 0 1
2 1 2
3 2 3
4 3 4
5 4 5