Is ProgressJS still maintained in 2024?

Based on the release history, the last version was in 2014, and the roadmap has unfinished items like examples and better browser support, so it's likely not actively maintained. Developers should consider this for long-term projects.

How to customize the progress bar appearance in ProgressJS?

Use the setOption method to modify templates, as referenced in the API documentation on the wiki. This allows changes to colors, sizes, and behaviors, but examples are limited, so trial and error may be needed.

ProgressJS vs NProgress – which one should I use?

ProgressJS offers more flexibility with multi-target support and customization, while NProgress is simpler and better for page-level progress with a minimal footprint. Choose ProgressJS for specific element control, but NProgress for quick, maintained solutions.

Can I use ProgressJS with React or Vue?

Yes, but since it's a vanilla JavaScript library, integration requires manual handling, such as using refs in React to target DOM elements. There's no built-in support for framework-specific patterns.

What browsers does ProgressJS support?

The README mentions future goals for better browser compatibility, so current support might be limited, especially for older browsers or mobile devices. Testing is recommended before production use.

How to implement auto-increase progress with ProgressJS?

Use the auto-increase function provided in the API, as documented on the wiki, to simulate progress for indeterminate loading states. This is useful for feedback during asynchronous operations like file uploads.

Open-Awesome

progress.js

MITJavaScript

A JavaScript and CSS3 library for creating and managing progress bars for any element on a webpage.

Visit Website GitHub

2.4k stars240 forks0 contributors

What is progress.js?

ProgressJS is a JavaScript and CSS3 library that helps developers create and manage progress bars for any object on a webpage. It provides an easy way to add visual feedback for loading states, form submissions, or other asynchronous tasks. The library supports both whole-page progress indicators and targeted elements, with customizable templates and dynamic control.

Target Audience

Frontend developers and web designers who need to implement progress indicators in web applications without relying on heavy frameworks or complex setups.

Value Proposition

Developers choose ProgressJS for its simplicity, flexibility, and lightweight nature, allowing quick integration and customization of progress bars across various page elements with minimal overhead.

Overview

ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.

Use Cases

Best For

Adding loading progress indicators to single-page applications (SPAs)
Visual feedback for form submissions or file uploads
Creating custom progress bars for specific UI components
Implementing progress indicators in lightweight web projects without heavy frameworks
Enhancing user experience during asynchronous operations
Building modular progress systems with template customization

Not Ideal For

Projects requiring modern framework integration (e.g., React, Vue) with built-in progress solutions
Applications needing extensive browser compatibility, especially for mobile and tablet devices
Teams looking for actively maintained libraries with regular updates and community support
Complex use cases requiring detailed documentation and abundant examples

Pros & Cons

Pros

Multi-target Flexibility

Supports progress bars for the entire page or specific DOM elements using simple selectors, as shown with progressJs("#targetElement").start(), enabling versatile visual feedback.

Lightweight Integration

Requires only JavaScript and CSS files with minimal setup, making it easy to add to any web project without heavy dependencies or complex build processes.

Dynamic Control API

Provides methods like start, increase, decrease, and auto-increase for programmatic progress updates, allowing fine-grained management of loading states.

Template Customization

Enables modification of progress bar appearance and behavior via the setOption method, offering flexibility for tailored designs without deep CSS knowledge.

Cons

Outdated and Inactive

Last release was in 2014, and the roadmap includes unfinished features like adding examples, indicating potential abandonment and lack of modern updates.

Limited Browser Support

The README lists improved browser compatibility and mobile/tablet support as future goals, suggesting current implementations may fail on newer or niche devices.

Sparse Documentation

Documentation is hosted on a separate wiki, and the roadmap mentions adding an example folder, making it harder for developers to troubleshoot or learn advanced usage.

Frequently Asked Questions

Related Projects

SpinKit

A collection of loading indicators animated with CSS

Stars19,372

Forks1,777

Last commit5 years ago

pace

Automatically add a progress bar to your site.

Stars15,619

Forks1,855

Last commit2 years ago

Spin.js

A spinning activity indicator

Stars9,274

Forks1,008

Last commit1 year ago

Progressbar.js

Responsive and slick progress bars

Stars7,864

Forks1,380