Plugin Directory


GaugePress is a handy WordPress plugin for generating and animating nice and clean gauges.

How do i create a gauge?

The plugin supports the functionality to insert a gauge with settings attributes in the shortcode. A full working example with all possible attributes is as following:

[gauge width="400px" height="220px" value="95" min="0" max="150" title="First Gauge" label="km" hideMinMax="true" color="#E16300" backcolor="#EDEDED" widthscale="0.8" counter="true" decimals="2" format="true" titlecolor="#386365" valuecolor="#613C62"]

An example with level colors is as following:

[gauge width="400px" height="220px" value="50" min="0" max="150" title="First Gauge" label="km" hideMinMax="true" color="#F14343,#85D75E,#52AFE2,#7862D2,#BD60D5" backcolor="#EDEDED" widthscale="0.8"]

The parameters are:

  • width: the width of the whole gauge
  • height: the height of the whole gauge
  • value: the current value of the gauge
  • min: the min value of the gauge
  • max: the max value of the gauge
  • title: the title of the gauge
  • label: the label of the values of the gauge
  • hideMinMax: to hide or not the min and max values
  • color: the color of the value bar (if you enter comma separated colors, it will be level colors from lower to upper, eg. #F14343,#85D75E,#52AFE2,#7862D2,#BD60D5)
  • backcolor: the color of the background
  • widthscale: the width of the value bar
  • counter: animate level number change
  • decimals: number of digits after floating point
  • format: formats numbers with commas where appropriate
  • titlecolor: title text color
  • valuecolor: value text color
  • responsive: responsive gauges

Requires: 3.2 or higher
Compatible up to: 4.0.8
Last Updated: 1 year ago
Active Installs: 200+


4.9 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.