A progress bar plugin for tasks in Obsidian.

Overview

Obsidian Task Progress Bar

A plugin for showing task progress bar near the tasks bullet or headings. Only works in Live Preview mode in Obsidian.

example

Settings

  1. Add progress bar to Heading: Make the Heading showing the task progress bars.

How to Install

From Plugin Market in Obsidian

💜 : Directly install from Obsidian Market.

From BRAT

🚗 : Add Quorafind/Obsidian-Task-Progress-Bar to BRAT.

Download Manually

🚚 : Download the latest release. Extract and put the three files (main.js, manifest.json, styles.css) to folder {{obsidian_vault}}/.obsidian/plugins/Obsidian-Task-Progress-Bar.

Say Thank You

If you are enjoy using Obsidian-Task-Progress-Bar then please support my work and enthusiasm by buying me a coffee on https://www.buymeacoffee.com/boninall.

Comments
  • Changing Progress Bar Color

    Changing Progress Bar Color

    Hi, it would be cool if one can change the colors to suite CSS snippets/themes. I tried changing the .progress-bar-inline-background colors but it did not have an effect. Pardon my CSS ignorance if it is on my behalf.

    Love the add-on overall!

    opened by GitM3 2
  • Alternate Task states

    Alternate Task states

    You recently updated the plugin to treat canceled tasks (- [-]) as equivalent to closed tasks (- [x]). However, I think you haven't taken into account all the other forms of open tasks, such as in this Minimal list:

    https://github.com/kepano/obsidian-minimal/releases/tag/5.1.8

    So when I use important state (- [!]) it is being treated as a closed task. Likewise incomplete (- [/]) and others.

    Screen Shot 2022-06-27 at 10 24 40 AM .

    opened by stoweboyd 1
  • Extended Task Types: Canceled Tasks

    Extended Task Types: Canceled Tasks

    I am using the Minimal Theme, which supports extended task types. Of particular note regarding the task progress bar, I think canceled tasks (- [-] task) -- should be included in the progress bar along with closed tasks (- [x]). In the following example, the progress bar should show 100% progress, not 50%.

    2022-06-26 canceled task .

    opened by stoweboyd 1
  • The bar stops working for large task lists

    The bar stops working for large task lists

    The plugin was working fine before but recently it stopped working on one of my task lists. I did some tests and found that it's due to the number of lines of the line being exceeding some sort of limit.

    It works when the list contains lines equal or less than number 32. If I add another line to it will stop working.

    For example, the following task list works:

    - [ ] Test
      - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
      - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
      - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
      - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
        - [ ] Test
    

    As soon as I added another - [ ] Test, it can no longer show the progress bar.

    I tried the latest version 1.6.0 and it behaves the same way. Hope it can be addressed in the next release. Thanks.

    opened by joellti 0
  • Enhancement: setting to only count the progress on tasks on the level directly beneath it

    Enhancement: setting to only count the progress on tasks on the level directly beneath it

    Hi, Thank you for this plugin!

    I was wondering whether it would be possible to add a toggle in the settings so that the progress bar would only be computed by counting the tasks in one level, but not in sub-levels.

    For now, this is the result of nested tags: the progress is counted towards the total number of tasks. image But it could be useful to only count the first level tasks. So in this case, the "todo" progress would show [1/7] instead of [1/15]

    opened by Rhydderch 0
  • There is lack of example and tutorial

    There is lack of example and tutorial

    I am grateful for this plugin and this is what I need exactly right now but even plugin is great no-coding people like me can't understand it at least can you create some examples. If there was not a issue about asking about tags I do not even know what was tags as well. If there is an example and I can't find it sorry in advance and if there is one can you add that part readme.md as well thank you.

    First issue : Can you add examples with detailed introduction to tags Second issue: I am using this code and task bar does not appear and I don't know how to add header to task bar. - [ ] example task

    Thank you for the plugin.

    opened by vatansbeytr 1
  • [FEAT] An option for excluded alternative marks

    [FEAT] An option for excluded alternative marks

    Hopes to support an option excluded alternative marks for display the progress bar without excluded alternative marks.

    here is my Markdown sample:

    ### Task Progress Bar
    
    - [x] Main Task
      - [x] Completed sub task.
      - [i] Note information <!-- an information note -->
      - [-] Cancelled sub task 
      - [?] Question. <!-- an question note -->
      - [/] Incompleted sub task
      - [<] Re-scheduled sub task.
    

    to exclude the [i] and [?] alternative marks by configure excluded alternative marks: "(i|?)", that progress bar will display like that:

    - the-progress-bar [2/6]
    + the-progress-bar [2/4]
    

    screenshot

    image

    thanks.

    opened by edentsai 0
  • More control over progress bar

    More control over progress bar

    Hi and THANKS for this great plugin. I love it!! I have a few issues - they would greatly enhance usability:

    Dealing with subtasks It would be great to have consistent behaviour here:

    • Tasks under a heading will be counted but not their subtasks
    • Ticking off a subtask will, however, be counted in the progress bar. This results in a wrong display. You can simulate this easily by pasting the example list and ticking off a subtask.

    The look of the progress bar

    • I would love to display both main tasks and subtasks
    • It would be great to have control over the bar
      • size
      • length
      • color of fill (options: header or custom color)

    Example list:

    Example

    • [ ] Main Task 1
      • [ ] Subtask 1
      • [ ] Subtask 2
    • [ ] Main Task 2
    opened by feedhopper 0
  • [FEAT] Make it work on reading mode

    [FEAT] Make it work on reading mode

    Hello,

    This plugin is not visible on Obsidian 0.15.9.

    I got the plugin through Obsidian. I've enabled the plugin and also restarted Obsidian. I am on Windows 10. Also, I'm using Obsidian's default Light theme.

    enhancement 
    opened by loopernow 2
  • [FEAT] Have only some of notes show this progress bar

    [FEAT] Have only some of notes show this progress bar

    Is it possible to toggle this on/off, or does it automatically apply to all notes?

    I would love to be able to have only some of my notes show this progress bar (e.g. by using a CSS-class or something)

    Originally posted by @blackpeasy in https://github.com/Quorafind/Obsidian-Task-Progress-Bar/issues/5#issuecomment-1153156673

    opened by Quorafind 0
Releases(1.6.1)
Owner
Boninall
Patent lawyer. Interested in coding. Building funny stuff for Obsidian.
Boninall
This is a To-Do List. It shows a minimalist design with the next features: Add new tasks, edit tasks, markup completed tasks, and erase all completed tasks. Built with JavaScript.

Project Name To Do List Built With HTML CSS JavaScript Live Demo To do List Live Demo Link Getting Started This is a To Do List. It shows a minimalist

Santiago Cárdenas 6 Jun 9, 2022
A simple JS To Do List bundled using Webpack. You can add new tasks, edit existing tasks, check completed tasks, and delete tasks from the list. It is built mainly with Javascript.

To-Do-List A simple HTML list of To Do built using webpack and served by a webpack dev server. Live Link See Demo Built With HTML, CSS, Javascript To

Michael Ugochukwu 3 May 10, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
A plugin for Obsidian (https://obsidian.md) that adds a button to its search view for copying the Obsidian search URL.

Copy Search URL This plugin adds a button to Obsidian's search view. Clicking it will copy the Obsidian URL for the current search to the clipboard. T

Carlo Zottmann 6 Dec 26, 2022
CLI Progress Bar implemented in NodeJS to track Time, ETA and Steps for any long running jobs in any loops in JS, NodeJS code

NodeJS-ProgressBar CLI Progress Bar for NodeJS and JavaScript to track Time, ETA and Steps for any long running jobs in any loops in JS, NodeJS code D

Atanu Sarkar 5 Nov 14, 2022
Super lighweight, pure JavaScript page load progress bar

Nanobar Super lighweight, pure JavaScript page load progress bar Status View Preview Table of contents Status Quick Start What's included Bugs and fea

The MUDA Organization 5 Jan 3, 2022
This plugin allows you to track the progress of Atlassian Jira issues from your Obsidian notes.

Obsidian jira-issue This plugin allows you to track the progress of Atlassian Jira issues from your Obsidian notes. Usage Configuration Use the plugin

Marco Lucarella 74 Dec 30, 2022
A to do list where you can add tasks, mark completed tasks and clear all completed tasks.

To Do List A to do list where you can add tasks, mark completed tasks and clear all completed tasks. You can rearrange the order of the tasks by doubl

Amira 7 Mar 4, 2022
Grayce Muthui 8 Jun 16, 2022
To Do list is a small but useful project to make list app , you can add tasks delete tasks and modify tasks, the project built using HTML, CSS, JavaScript

Project Name The To-Do-List app description this is a project in the second week of the second module in microverse. its a useful to do list that save

Alzubair Alqaraghuli 5 Jul 25, 2022
A simple to do list app built with HTML, CSS and JavaScript. Users can add daily tasks, edit the tasks, delete the tasks when it's done

To Do List This is a website that allows users to manage the tasks. users can add every task to do and when the task is done users can delete the task

Mustafa Fahimy 8 Jul 21, 2022
To-Do list a web app for tracking personal progress through the day. Users can input a list of tasks and mark them as completed once they are done. Built with JavaScript and Webpack

To-do-List-Project To Do List Project Description. This project creates a simple HTML list of To Do tasks. It was built using webpack and served by a

Olawale Olapetan 7 Jul 8, 2022
An Obsidian plugin to paste Excel tables as Markdown tables in Obsidian editor.

Obsidian Excel to Markdown Table An Obsidian plugin to paste Excel tables as Markdown tables in Obsidian editor. Demo You can paste the copied Excel d

Ganessh Kumar 108 Jan 4, 2023
This is a plugin for Obsidian (https://obsidian.md). Can open document with `.html` and `.htm` file extensions.

Obsidian HTML reader Plugin This is a plugin for Obsidian (https://obsidian.md). Can open document with .html and .htm file extensions. Obsidian HTML

null 37 Dec 27, 2022
An Obsidian plugin that lets you browse the web within Obsidian.

Obsidian Web Browser An Obsidian plugin that allows you to browse the web within Obsidian using v1.0 tabs. The core functionality of the plugin, rende

Dion Tryban 102 Dec 28, 2022
jQuery plugin for a Notification Bar

jquery.peekABar A jQuery plugin for a notification bar with customization options. Important Note We have stopped supporting bower as a package manage

null 59 Dec 11, 2022