Uptime Bars

If you're into the Uptime business or just need to show some statuses over time in this way, you might find this useful.

Uptime bars is a free, easily customizable, responsive snippet that can help you speed up building of your uptime monitoring project.

🚀 Features

• Responsive
• Easy to customize (CSS)
• Easy to implement (copy/paste)
• Free as in Free Beer

Dependencies

• Tippy.js (https://atomiks.github.io/tippyjs/v6/getting-started/)
• Bootstrap (https://getbootstrap.com/)
• Your website's colour scheme for those bars 🙂

👀 Examples

We use them on our project, Hosted Status Page. You can check out live examples here:

• https://sp.fyi/fosshost
• https://statuspage.me/dmr.rs
• https://hostedstatus.page/meta

You can also check out fake status page here: 🔗 https://hosted-status-page.github.io/uptime-bars/

❗ Make sure to resize the example status page, so you can see the behavior of those bars while resizing/viewing on smaller devices.

🎁 Contributions

Contributions are more than welcome. Create a standard PR, you know the drill. 🧰

🩹 Found a bug?

Use the New Issue button to create a new bug.

🗣️ Chat with us!

Connect to Freenode via ircs://chat.freenode.net:6697 for clients, or https://webchat.freenode.net/

and visit channel #statuspage

Social media

Show some love!