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 scrollingWorks Great with All Popular WordPress ThemesEasy to customize Height, Position & ColorsCompletely cross-browser supportAssignments for any WordPress entityPerfect for WordPress 5+Suitable for all kind of Layouts and TemplatesNative JavaScript without jQueryConvenient 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:
Elementor
Visual Composer
Gutenberg
Beaver Builder
Divi
Themify Builder
WP Bakery Page Builder
Layers WP
and many others
The plugin works perfectly with all major WordPress frameworks: Genesis, Divi, Themify, Warp 7, Ultimatum, Beans, Unyson, Gantry, and others.
Features
Gutenberg Ready
8 Predefined Styles Available
Customization every trifle: Color, Height, Position and more…
Works with Embedded Content
Tested and Compatible up to WordPress 5.2
Supported Touchpad Devices
Perfect for RTL direction
Easy to Install and Use
Works with all Popular Themes
Awesome for Mobile and Tablets
Works in all Modern Browsers
Lightweight and Fast
Native Valid JavaScript, without jQuery
Works for the entire website and for individual pages
All major browsers supported Chrome, Firefox, Safari, Edge, Internet Explorer, Opera
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
STEP 3
Click Upload Plugin Button
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
Settings
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.
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:
Default
Gradient
Rounded
Plastic
Animated
iOS
Shine
Glow
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.