npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@5minds/node-red-dashboard-2-processcube-process-progress-bar

v7.10.0

Published

A ui component for showing progress bars tracking a process

Downloads

956

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

moellenbeckmoellenbeckprocess-engine-ciprocess-engine-ciroblenroblenaweicheraweicheralexanderottoalexanderottomatthiasdanne5matthiasdanne5felixmaximusfelixmaximus

Keywords

processcubeusertasknode-rednode-red-dashboard-2

Readme

Process Progress Bar

A UI-Node to display a step-by-step progress bar, tracking the progress of a process.

Usage

After configuring the node, use a usertask-event-listener node and direct all new and finished events for the tracked process into the ui-process-progress-bar node. It will automatically update, when UserTasks are started or finished.

The output of a usertask-input node can also be used as an input, when using the Result type Send First Task.

This node can display 0-1 active steps and all steps before the running step are always displayed as finished.

Title

Will be displayed above the progress bar. It can also be set dynamically by setting msg.payload.title.

Steps

This field is used for configuring the steps of the progress bar.

Each step is defined by:

  • Label: The text displayed for the progress bar step
  • FlownodeId: The Id of the Flownode, that needs to be active/finished to start/fullfill this step.
  • Icon (optional): An URL for an image, that should be displayed in addition to the label. This will be used as the src-Property of a HTML img-Element. Therefore DataURLs can be used to add images/svgs etc., that are not available online.
  • Icon finished (optional): An URL for an image, that should be displayed in addition to the label, after the step has been finished. This will be used as the src-Property of a HTML img-Element. Therefore DataURLs can be used to add images/svgs etc., that are not available online.

Color

Will be used as the outline/fill/text color for the steps.

Reference

https://docs.processcube.io/docs/solutions/node-red