Features Presets Widgets FAQ Download
v1.0.0 — WordPress Reading Progress Engine

Beautiful Reading
Progress for WordPress

Elysian Reader brings premium, customizable reading progress indicators and floating widget overlays to your WordPress site. No coding required.

yoursite.com/your-article
WordPress Architecture

The Engineering Behind Elite WordPress Plugins

In the rapidly evolving landscape of WordPress development, the distinction between a standard plugin and an elite, enterprise-grade solution comes down to engineering philosophy.

Reading progress indicators have emerged as one of the most effective engagement tools for long-form content, providing readers with transparent feedback about their journey through your article.

When users can see their progress, they are significantly more likely to complete articles, reducing bounce rates and building trust with your audience.

Everything you need for
reading engagement

A complete reading progress system designed for modern WordPress sites.

6 Rendering Styles

Solid, gradient, segmented, neon, glass, and stripe — each with ultra-smooth GPU-accelerated animation.

4 Widget Overlays

Pill, Circle, SaaS, and Minimal — floating widgets that show reading time, word count, and progress percentage.

9 Curated Presets

Sunset Horizon, Cyberpunk 2077, Aurora Stripe, and more — expertly designed combinations you can apply instantly.

Custom Style Matrix

Tweak every parameter — position, height, radius, colors, glow, animations — and save as reusable presets.

Live Preview Engine

See every change in real-time within a simulated browser. Scroll, tweak, and refine until it’s perfect.

Theme Compatible

CSS custom properties ensure zero conflicts with any WordPress theme. Works with block themes, classic themes, and page builders.

See it in action

Drag the slider to simulate scrolling. Watch the progress bar and widget update in real-time.

Architecture

Building for Performance

Reading progress indicators significantly improve content completion rates by leveraging the goal gradient effect — readers are more motivated as they approach the end.

Elysian Reader uses hardware-accelerated CSS animations to ensure smooth 60fps progress tracking, even on lower-end devices.

0% 100% 50%
Reading Progress 67%
Time Left 2m
Words Read 1.3k / 2.0k
0% 100% 67%
Position
Style
Height
1px 20px 8px

9 expertly crafted presets

Choose from a collection of professionally designed styles. Each preset combines position, rendering style, colors, and animations.

Preset
Sunset Horizon
Preset
Cyberpunk 2077
Preset
Aurora Stripe
Preset
Liquid Wave Flow
Preset
Segmented Reader
Preset
Elysian Luxury
Preset
Midnight Slate
Preset
Arctic Frost
Preset
Tropical Heat

4 floating widget styles

Choose from multiple widget overlay designs that float alongside your content, showing reading time, progress, and word counts.

4 min left 67%

Pill

Horizontal capsule with icon, reading time, and progress percentage. Includes a full-width progress track.

67% 2m left

Circle

Premium circular badge with gradient ring, centered percentage, and reading time. Hover scales with a spring animation.

Reading Progress 67%
Time Left 2m
Words Read 1.3k

SaaS

Dashboard-style card with header, shimmer progress bar, and dual stats grid showing reading time and word count.

67% 4 min left

Minimal

Ultra-minimal bare percentage and time. No chrome, no background — just the essential reading data.

Why Elysian Reader

See how Elysian Reader compares to other WordPress reading progress solutions.

Feature Elysian Reader Other Plugins
Rendering Styles6 (solid, gradient, neon, glass, segmented, stripe)1–2 basic styles
Widget Overlays4 styles (pill, circle, saas, minimal)None
Curated Presets9 presets + custom preset savingNone
Live Preview Real-time browser simulationNo preview
Theme Isolation CSS custom propertiesOften conflicts
GPU Acceleration Hardware-acceleratedCPU-bound
Custom Style Matrix Full controlNone
Dark/Light Mode Automatic theme-awareFixed colors only
Reading Time EstimatesAdaptive WPM, hours supportBasic fixed WPM
Keyboard Navigation Full keyboard supportNot supported

Get started in minutes

Three simple steps to add beautiful reading progress indicators to your WordPress site.

1

Install & Activate

Upload the plugin to your WordPress site, activate it, and navigate to the Elysian Reader settings page.

2

Choose a Preset

Browse 9 curated presets or create your own using the Custom Style Matrix. See every change instantly in the live preview.

3

Configure Widget

Optionally enable a floating widget overlay with pill, circle, SaaS, or minimal styles. Your readers will love it.

Frequently asked questions

Yes. Elysian Reader uses CSS custom properties scoped to its own containers, ensuring zero conflicts with any WordPress theme. It works with block themes, classic themes, and page builders like Elementor, Bricks Builder, and Gutenberg.
Absolutely. The Custom Style Matrix gives you full control over position (top, bottom, left, right), rendering style (6 options), height, border radius, primary and secondary colors, glow effects, and animation. Save your custom configuration as a reusable preset.
Minimal. The progress bar uses hardware-accelerated CSS (GPU compositing) and runs at 60fps without blocking the main thread. The floating widget uses passive scroll listeners and IntersectionObserver to pause updates when off-screen. Total footprint is under 20KB of CSS and JS combined.
Yes. The plugin has a dedicated toggle to completely disable the progress bar while keeping the floating widget overlay active. You can also disable the widget and use only the progress bar — they operate independently.
Elysian Reader uses an adaptive WPM (words-per-minute) calculation. The default is set to 220 WPM, but you can adjust it from 100 to 400 WPM to match your audience’s reading speed. Times are displayed in minutes (or hours + minutes for long articles) and update in real-time as the reader scrolls.
Yes. The progress bar and widget are fully responsive with dedicated breakpoints for tablet, mobile, and small mobile. Touch events, safe-area insets, and reduced motion preferences are all supported. Widget sizes scale down proportionally on smaller screens.

Ready to transform your
reading experience?

Download Elysian Reader and add premium reading progress indicators to your WordPress site in minutes. Free to use, no account required.

Free download. No account required. v1.0.0