Skip to content

scroll-progress-bar@0.1.1

Choose a tag to compare

@github-actions github-actions released this 29 Aug 15:31
· 229 commits to trunk since this release
bb65485

=== Scroll Progress Bar ===
Contributors: wpspecialprojects
Tags: block
Tested up to: 6.7
Stable tag: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Progress bar that reflects the user's scroll position within the document.

== Description ==

Enables a block, 'Scroll Progress Bar', which adds a native HTML <progress> element. A custom scroll listener updates the progress bar as the user scrolls through the page.

== Styling ==

Add a custom HTML class to the block, then write custom CSS within your theme to style the progress bar. For example, you may wish to apply colors from your theme.

This CSS Tricks article provides a good overview of the <progress> element and how to style it.

= Building from source =

Requirements: Node.js 18+.

  1. cd scroll-progress-bar
  2. npm install
  3. npm run build — production build
  4. npm start — development build with file watching

What's Changed

  • Fix Missing Title - Coalescing operator syntax error in render.php by @jbouganim in #93
  • Add block alignment and spacing support, improve scroll performance by @tommusrhodus in #97

Full Changelog: https://github.com/a8cteam51/special-projects-blocks-monorepo/compare/flowing-column@0.1.0...scroll-progress-bar@0.1.1