Framed
Show uptime
Dot status
Size
Operational color
Incident color
Outage color
Maintenance color
Neutral
Operational
Commonly used
All systems normalAll systems operationalAPI StatusSystem statusSystems operationalStatus page
Incident
Outage
Maintenance
Link your hyperping status page to automatically update the status and uptime values of your badge.
DEVELOPERS
Documentation
API changelog
API reference
All systems normal
RESOURCES
Guides
Blog
Case studies
Pricing
Code
<!-- Add an element including a "hyperping-badge" id -->
<div id="hyperping-badge"></div>
<script src="https://hyperping.io/badge.js" async></script>
<script>
  window.onload = function () {
    Hyperping.init({
      "statuspage": "",
      "border": "none",
      "borderColor": "#30363D",
      "uptime": false,
      "dot": true,
      "dotSize": 10,
      "isNeutral": false,
      "dotOk": "#2BAC76",
      "dotIncident": "#FFAF36",
      "dotOutage": "#E95858",
      "dotMaintenance": "#0070F3",
      "dotNeutral": "#0070F3",
      "operational": "All systems normal",
      "incident": "Under investigation",
      "outage": "System outage",
      "maintenance": "Under maintenance"
    });
  }
</script>