SegWit Activation Widget

This simple widget for your website that checks whether Segregated Witness has already been activated on the network. See the demo.

It's fully responsive and adjusts to the parent element's size and style.

Enjoy!

Usage

Simply copy and paste the following code to your website:

<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = '//segwit.freedomnode.com/widget.min.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script'));</script>

<div id="freedomnode-widget"></div>

Parameters

Customize the widget via HTML data property. Example:

<div id="freedomnode-widget" data-bg-color="#333" data-text-color="#aaaaaa"></div>
bgColor
Background color below a progress bar wrapper
textColor
Widget text color
padding
Widget padding in px/rem/em
align
Text align - (left|right|center)
statusBgColor
Background color of a top "status" element
statusTextYes
Text of "yes" SegWit state
statusTextNo
Text of "no" SegWit state
statusTextAlmost
Text of "almost there" SegWit state
progressBgColor
Background color of a progress bar wrapper
progressRadius
Progress bar radius in px
progressColor
Progress bar color
progressColorActivated
Color of "SegWit activated" progress bar

You can also customize the widget through CSS.

Acknowledgment

Data courtesy of api.qbit.ninja. Thank you!

Widget is inspired by segwit.co.

Support

If you like this widget you can support my work by donating some bitcoins 1x1UnfVJu7cprs3E2jjQ9WRcdDi5KJxAU

You can also follow me on facebook or twitter.

Thank you!