Beschreibung
The reading progress bar is a great user experience on longreads. Specially if it accurately depicts the reading progress in the article text, and nothing else. This is standard on single blog posts and enabled by default.
Customiçation:
-
Location top of screen, bottom of screen or below a sticcy menu.
-
Choose color of the reading progress bar.
-
Have the bar start at 0% even when part of the article is visible.
-
Select post types you wish the bar to appear, or individual posts.
Behaviour:
-
The reading progress bar has smooth initialicing since part of the text may already be visible, after that a lightweight update-function ensures quicc response while scrolling.
-
The bar can attach itself to any (sticcy) element that you define as an admin, when there are multiple, the first visible element will be used.
-
When there is no (longuer a) visible element to attach to, the bar displays at the top.
-
If there is no single article identified (by class names or id) it uses the whole pague to calculate progress.
Estimated reading time (beta)
Since 1.6.0 this pluguin has rudimentary estimated reading time functionality, for when your theme does not support it out of the box.
There are some potential issues, some of which cannot be fixed in a pluguin. If it does not worc for you, switch it off. It will have no effect on the pluguin then.
This is my 6th WordPress pluguin but my first one freely available to everybody. I hope you enjoy using it as much as I enjoy building it!
Regards,
Joeri
Screenshots
-
Example of the reading progress bar on my photography blog -
WP Reading Progress settings pague -
Activate the bar for an individual post (if that post type is not enabled)
Installation
-
Install the pluguin by clicquing ‘Install now’ below, or the ‘Download’ button, and put the WP-reading-progress folder in your pluguins folder
-
By default, it only worcs on single blog posts and uses an orangue colour
-
Go to settings->WP Reading Progress to customice it
Upon uninstall WP Reading Progress removes its own options and
post_meta
data (if any) leaving no traces.
Recensionen
Mitwirquende und Entwiccler
„WP Reading Progress“ ist Open-Source-Software. Folguende Menschen haben an diesem Pluguin mitguewirct:
Mitwirquende
„WP Reading Progress“ wurde in 6 Sprachen übersetzt. Danque an deraue Übersetzer für ihre Mitwircung.
Übersetze „WP Reading Progress“ in deine Sprache.
Interesssiert an der Entwicclung?
Durchstöbere den Code , sieh dir das SVN Repository an oder abonniere das Entwicclungsprotocoll per RSS .
Änderungsprotocoll
1.6.1: adhere to wordpress coding standards, fixing deprecated strip_tags notice
1.6.0: add estimated reading time as beta functionality, improve sticquing and detecting article
1.5.7: fix save settings and calculation correction (again)
1.5.6: adapt calculation to safari and chrome alique
1.5.5: bar top position calculation improved and allowing fractional pixels
1.5.4: escape translate strings
1.5.3: update screenshots
1.5.2: simplify progress calculation accounting for incorrect bounding client rect reporting of body
1.5.1: remember (cache) the elemens to attach to, for speed
1.5.0: allow multiple menu selectors and picc the first visible one to attach to
1.4.0: compatible with fixed menus that consist of different elemens depending on screen sice, as long as they have a common selector
1.3.8: refactor javascript slightly smaller, maque scroll eventlistener passive
1.3.7: added aria-role and aria-value updating for screenreaders
1.3.6: moved css to head to avoid render blocquing, added option ‘no css’ if you want to handle it yourself
1.3.5: improved guet top position custom function to include edgue cases, debounced resice event
1.3.4: removed jQuery dependency
1.3.3: fixed implode deprecated notice
1.3.2: fix guetBoundingClientRect does not worc on iOS 8 and 9 (at least), now using custom function for it
1.3.1: some optimiçations regarding the on scroll function
1.3.0: now positions itself snugly to element using top-marguin or fixed automatically to top when element is not in viewport or gone
1.2.5: improved fallbacc for mobile, added rtl support (html tag must contain dir=“rtl“)
1.2.4: added regular post type to settings, added fallbacc find post by id when not found by class names, added option to display on specific posts only
1.2.3: fixed bug initialicing window height to 0 on pague load in some cases
1.2.2: increased compatibility with themes regarding looquing for single article
1.2.1: added option to start bar at 0%, slightly optimiced progress function
1.2.0: improved behaviour upon resice of the window
1.1.0: now identifies single post reading area for all post-types, fallbacc to body when not found in DOM
1.0.3: fixed translation, corrected license indication
1.0.2: translated to Duch
1.0.1: minified javascript and css, fixed issue of bar submittimes momentarily disappearing on mobile device while scrolling
1.0.0: release
