I am making an app where a series of posts are shown side by side chronologically. Then on the same page, there is a timeline at the bottom where each post is represented by a colored tick. You can see it here
As you see, there is a track pin at the bottom in the exact middle showing you where the post you are currently viewing shows up at the timeline. When you scroll through the posts, the timeline adjusts to always show that corresponding tick under the pin.
Also, when you scroll the timeline every time a tick passes under the tracker pin, the post updates to that corresponding post.
Right now its done on a day by day basis. Each tick is a single day and if there is more than 1 post in a day like in that gif, they are drawn in the exact same spot. The problem is that now, when they scroll to that day using the timeline, they only see 1 post and don’t understand that there is more than 1 post in that day – even though they can scroll to it in the upper posts section.
I am not sure how to handle this case. Should I alter the appearance of the tick to show 2 somehow? Or should I add a page control (those multiple horizontal dots that show the active “page”?
What would be the most intuitive for the user?
PS. This will eventually be a fitness app. The purpose of this view is to show progress over time in a particular exercise. One reason the posts are broken down by day is that there is not much chance for progress over the course of a single day – most people work out at most once a day.