PIDSTACK
Account

Valve opening percent bar

Pro

gauge-valve-position-percent · Gauges · Position gauges · 96×48 grid units

XI-101

Five states

  • Running
  • Warning
  • Failure
  • Stopped
  • No data

Four themes

Valve opening percent bar in each theme (rows) and state (columns)
ThemeRunningWarningFailureStoppedNo data
Day
Bright
Dusk
Night

About this symbol

Meaning
valve opening 0 to 100 percent
Convention
ISA-101 / IEC 61924 style indicator (ISA (opens in a new tab), IEC (opens in a new tab))
Tags
Access
Pro: preview is open; code and files come with Pro or Lifetime.

Drawn from scratch. The convention names the meaning the symbol stands for; no standard text or figure is reproduced.

Install with the shadcn CLI
npx shadcn@latest add "https://pidstack.com/r/gauge-valve-position-percent.json?api_key=$PIDSTACK_LICENSE_KEY"

Pro items need a license key from your account. See how keys work.

Use in React
import { GaugeValvePositionPercent } from "@/components/pidstack/gauge-valve-position-percent"
import "@/components/pidstack/pidstack.css"

<div data-theme="day">
  <GaugeValvePositionPercent state="running" label="XI-101" size="medium" />
</div>

SVG file and component code are in Pro

The full library ships as typed React components, plain SVG files and a JSON manifest, through the registry, the MCP server and a ZIP download.

See plansFree starter pack

More in Position gauges