How to make Progress relation more simple and nicer

Hello everyone,

I would like to share with you the following cool method of adding a progress property to your objects:

  1. Set a new property with type “Status” and rename it to Progress or whatever you like
    image
  2. Add the following as options (copy and paste):
    ○○○○○○○○○○ 0%
    ●○○○○○○○○○ 10%
    ●●○○○○○○○○ 20%
    ●●●○○○○○○○ 30%
    ●●●●○○○○○○ 40%
    ●●●●●○○○○○ 50%
    ●●●●●●○○○○ 60%
    ●●●●●●●○○○ 70%
    ●●●●●●●●○○ 80%
    ●●●●●●●●●○ 90%
    ●●●●●●●●●● 100%
  3. Set their color to what you prefer
  4. Enjoy :smiley:
    image
15 Likes

Wow, love this idea!

1 Like

Great idea bud!

1 Like

Let’s try again, something went wrong with the previous post haha.

This is an awesome idea, love the use of color! Aditionally you could use emoticons as well:

For example:
:black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: 0%
:red_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: 10%
:red_square: :red_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: 20%
:orange_square: :orange_square: :orange_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: 30%
:orange_square: :orange_square: :orange_square: :orange_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: 40%
:yellow_square: :yellow_square: :yellow_square: :yellow_square: :yellow_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: 50%
:blue_square: :blue_square: :blue_square: :blue_square: :blue_square: :blue_square: :black_large_square: :black_large_square: :black_large_square: :black_large_square: 60%
:blue_square: :blue_square: :blue_square: :blue_square: :blue_square: :blue_square: :blue_square: :black_large_square: :black_large_square: :black_large_square: 70%
:blue_square: :blue_square: :blue_square: :blue_square: :blue_square: :blue_square: :blue_square: :blue_square: :black_large_square: :black_large_square: 80%
:green_square: :green_square: :green_square: :green_square: :green_square: :green_square: :green_square: :green_square: :green_square: :black_large_square: 90%
:green_square: :green_square: :green_square: :green_square: :green_square: :green_square: :green_square: :green_square: :green_square: :green_square: 100%

Another example:
:white_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle: 0%
:large_blue_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle: 10%
:large_blue_circle::large_blue_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle: 20%
:large_blue_circle::large_blue_circle::large_blue_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle: 30%
:large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::white_circle::white_circle::white_circle::white_circle::white_circle::white_circle: 40%
:large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::white_circle::white_circle::white_circle::white_circle::white_circle: 50%
:large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::white_circle::white_circle::white_circle::white_circle: 60%
:large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::white_circle::white_circle::white_circle: 70%
:large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::white_circle::white_circle: 80%
:large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::white_circle: 90%
:large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle::large_blue_circle: 100%

Edit: Seeing this on the forum, your way looks a lot cleaner then using emoticons.

5 Likes

I used to make it just like this one with square emojis but I found it to be too big compared to the text one :pensive:

And unfortunately those emojis lack the nice light blue color :confused:

I don’t understand the use case for this. Why would you be manually setting the percent completed for an object? You’re essentially just guessing a rough estimate, which defeats the point of a numerical percent.

Long-term I’d like to see Anytype be able to automatically calculate the percent based on how many items are checked off in an object or something like that.

@ccrawford
Its purpose is to show an overall state of tasks whether they need more attention to be finished or they are mid-way or even almost completed.

It’s actually a workaround until there’s an official way of doing it.

I use the smaller shape emojis. But yeah, the colors aren’t all desirable and I hate that it translates differently in desktop. (Android to Microsoft) :weary: I think I will try this one.

@Kerstie
Emojis are bad, they don’t get re-colored according to your preferred one unlike the text based symbols.