We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Progress bar and reading time in Posts

October 6, 2023 at 10:59 am #10715

[anonymous]

Hello,

I was wondering if anyone here has added a reading time to their posts and/or a progress bar?

October 13, 2023 at 10:32 pm #10735
[anonymous]
For horizontal scrollbars/progress bars: I’ve used this code successfully: https://www.cssscript.com/minimal-horizontal-scroll-progress-bar-pure-javascript-skunkscroll/

For reading time: these might work:
- https://www.cssscript.com/estimated-reading-time/
- https://dev.to/michaelburrows/calculate-the-estimated-reading-time-of-an-article-using-javascript-2k9l
October 23, 2023 at 11:40 am #10799

[anonymous]

Hello,
thank you for your reply and apologies for answering late, the notification was lost in my inbox.

One more question as I am really new to Publii, where exactly should I add the javascript. I look at the documentation but found it a bit confusing as I am just starting.

Thank you!

October 23, 2023 at 6:07 pm #10802

[anonymous]

Add the actual code to “Tools & Plugins” > “Custom HTML” > “Body”

Add the CSS to “Tools & Plugins” > “Custom CSS”

October 24, 2023 at 3:38 pm #10812

[anonymous]

Thank you, I wasn’t sure it was the best way to it!

October 24, 2023 at 6:25 pm #10818

[anonymous]

[anonymous] wrote:

Thank you, I wasn’t sure it was the best way to it!

You could also add it to your site files (by editing them with a code editor). In my case, I didn’t want the scrollbar to appear in the home page, so I set it up so that it only appeared in certain post templates. That’s a little more advanced, but the method I mentioned above is the simplest way.