MFHourglass - Hourglass plugin

This simple hourglass facility allows you to quickly plug and play an hourglass function showing a grayed out background with a modern spinner hourglass in the center of the screen.

Implementation is as simple as

html

<script defer src='https://methodfish.com/Download/MFHourglass/files/latest/js/mf-hourglass.js'></script>
<link rel='stylesheet preload prefetch' as='style' href='https://methodfish.com/Download/MFHourglass/files/latest/css/mf-hourglass.css'>

then simply use the following calls when you need:

js ::  to show the hourglass

MFHourglass.show();

js ::  to remove an hourglass

MFHourglass.remove();

To show a different sized hourglass you can call show() using the size + appendTo options,

js ::  add an hourglass to a button

MFHourglass.show({size:10, appendTo:buttonElem}); // very small spinner

Those spinners added to elements via appendTo will become relative to the element and you will no see a screen background change