ReBar - Reading Progress Bar for WordPress

ReBar is Simple & Useful WordPress Plugin for improving User Experience During a Blog Post Reading

Online Documentation Plugins

ReBar is a useful WordPress Plugin for improving User Experience during a blog reading. This plugin adds a WordPress Reading Progress Bar to the top or bottom of the page. As you read the post or scroll the page, the Reading Progress Bar is filled with the color or gradient.

Such indicators are very useful for long Posts and Articles to help readers understand how far they are from finishing the article. The new plugin version 2.0 and higher works perfectly with infinite scrolling by default.

Added support of infinite scrolling
Added support of infinite scrolling
Works Great with All Popular WordPress Themes - WordPress Reading Progress Bar
Works Great with All Popular WordPress Themes
Easy to customize Height, Position & Colors
Easy to customize Height, Position & Colors
Completely Cross-Browser Support
Completely cross-browser support
Assignments for any WordPress entity
Assignments for any WordPress entity
Fully compatible with Gutenberg Editor - WordPress Reading Progress Bar
Perfect for WordPress 5+
Suitable for all kind of Layouts and Templates
Suitable for all kind of Layouts and Templates
Native JavaScript without jQuery - WordPress Reading Progress Bar
Native JavaScript without jQuery
Convenient User Interface
Convenient User Interface

It does not matter which browser users view your site. WordPress Reading Progress Bar works well on Mobile, Tablet or Desktop PC. Chrome, Firefox, Opera, Safari, Edge or even the outdated versions of Internet Explorer. In all browsers, visitors will get an incredible reading progress experience. And this is especially important if your site has many long pages, such as a Blog, Portfolio, Corporate Website, eCommerce Project, Creative Agency, Real Estate Listing, Personal CV, a Restaurant or Retail Company, etc.

Reading Progress Bar tested and compatible with All Major WP Plugins: Yoast SEO, Contact Form 7, W3 Total Cache, NextGen Gallery, Slider Revolution, WooCommerce, etc. It also works perfectly and improves the user experience with popular Website Page Builders:

The plugin works perfectly with all major WordPress frameworks: Genesis, Divi, Themify, Warp 7, Ultimatum, Beans, Unyson, Gantry, and others.

Features

Installing the plugin in WordPress is simple and quick. After you have downloaded the archive with the plugin, you will see the archive with the plugin inside. After you downloaded unzipped purchased product you will see inside the archive with the plugin inster-gutenberg.zip There are two ways to install it: 

Installation through the WordPress admin panel ( Recommended )

STEP 1

LogIn into WordPress as Admin

STEP 2

Go to Plugins > Add New

Add New Plugin to WordPress
Add New Plugin to WordPress
STEP 3

Click Upload Plugin Button

Upload New Plugin to WordPress
Upload New Plugin to WordPress
STEP 5

Choose archive with Plugin and press Install Now Button

STEP 6

After Installing go back to the Plugins page and click Activate below plugin title

Activate Installed Plugin

Installation through FTP or build-in File manager

STEP 1

Use Login and Password to connect to your web-server via FTP or use your hosting file manager.

STEP 2

Upload archive with plugin to /wp-content/plugins

STEP 3

Unzip the archive

STEP 4

Installing finished. Go to the Plugins page and click Activate below plugin title.

Activate Installed Plugin

 

ReBar Reading Progress Bar WordPress Plugin compatible with all popular Website Page Builders, like Elementor, Visual Composer, Gutenberg, Beaver Builder, Divi, Themify Builder, WP Bakery Page Builder, Layers WP, and many others.

The new version of the ReBar works perfectly with infinite scrolling by default.

NOTE

This article was created for the plugin version 2.0 and higher. If you are using the first generation ReBar plugin, check out prevous Rebar Settings artice.

Installing of the ReBar WordPress plugin

To install the plugin, read the article Installing WordPress Plugin. Installing the plugin takes only a few seconds.

To open the plugin settings slick Settings below plugin name on the plugins page

ReBar on the plugins page

or in the WordPress Sidebar menu go to ReBar

ReBar in the WordPress sidebar

In the plugin settings, there are several tabs responsible for various groups of plugin settings.

General settings

Height

This parameter sets the height(in pixels) of the progress bar. Values from 1 pixel to 20 pixels are available.

Shadow

The toggle to enable/disable the outer shadow for the progress bar.

Style

The plugin has several predefined progress bar display styles:

Color

This parameter sets the color of the progress bar. Any of 32 million colors are available for selection.

Position

Sets where the progress bar will be located. Two options are available for selection – at the top edge and at the bottom edge.

Content Selector

Specify the selector of a certain part of the page to display the progress bar not for the entire page height, but for a specific part. Leave blank to use full page height.

Save changes

Do not forget to click Save Changes after changing plugin settings. After clicking this button, the settings will be saved and applied to all pages of the website.

Hosting

Fast and reliable hosting is significant for any WordPress site. We recommend all our customers use SiteGround WordPress Hosting. Many unique settings and features make this hosting the number 1 for WordPress: Free Website Transfer, Staging Tools, Free SSL, CDN, and much more for 3.95/mo.