[rz] Simple Meter *** UPD 2020-Mar-29 ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
Locked
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Simple Meter *** UPD 2020-Mar-29 ***

Post by [RZ] »

[rz] Simple Meter v1.3

This lightweight extension creates elegant and fully customizable multipurpose meters.
Beautify your surveys, stats and any number you want!

Some features:

- Multidirectional and responsive.
- Colors, font size, style, weight and opacity for the percentage.
- Auto-hides percentage when is not enough place.
- Custom colors, patterns and opacity for both the base and the meter elements.
- Custom range from 0 to n.
- Initial value; or change it later and update the instance with ease.
- Maximum backward, cross-browser and cross-platform compatibility.
- Really lightweight, no dependencies, no jQuery.

...and more!


DEMO


* New in version 1.3

- Optional "live" modes to start over when the instance is within the viewport (similar to [rz] Live Counter).
- Optional border.
- Minor code tweaks.

* New in version 1.2

- Optional transition for a smoother effect while the extension is being updated (some browsers may not support this feature).
- Optional initial delay until the extension is updated for the first time.

* New in version 1.1

- The value can be shown instead of only the percentage.
- Values use the locale formatting automatically.
- Optional prefix and/or suffix for the percentage or the value shown.
- Code moved to an external library.
- Improved preview on workspace.


HTML 4.01 Transitional
W3C compliant


How to use?

1. Drag and drop all the extension instances you need.
2. Open the properties dialog and setup the appearance according to your design scheme.
3. The most important parameter is the maximum value and the current value.
4. Preview or publish.

How to update the value?

1. MyMeter.value = (here the value you want);
2. MyMeter.update();
3. Replace MyMeter by the actual instance name.

Enjoy!
Last edited by [RZ] on Sat Mar 28, 2020 10:43 pm, edited 3 times in total.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Simple Meter *** UPD 2016-Sep-13 ***

Post by [RZ] »

* New in version 1.1

- The value can be shown instead of only the percentage.
- Values use the locale formatting automatically.
- Optional prefix and/or suffix for the percentage or the value shown.
- Code moved to an external library.
- Improved preview on workspace.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Simple Meter *** UPD 2016-Nov-21 ***

Post by [RZ] »

* New in version 1.2

- Optional transition for a smoother effect while the extension is being updated (some browsers may not support this feature).
- Optional initial delay until the extension is updated for the first time.
User avatar
donjohnson24
 
 
Posts: 105
Joined: Thu Sep 27, 2012 9:32 pm
Location: Bridgwater, Somerset, UK
Contact:

Re: [rz] Simple Meter *** UPD 2016-Nov-21 ***

Post by donjohnson24 »

Looks good - but using the DEMO from the first post, the More/Less/Reset buttons are not clickable in Firefox or Safari ??
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Simple Meter *** UPD 2016-Nov-21 ***

Post by [RZ] »

thank you for your feedback
the buttons are clickable, you should see how the vertical thin meter reacts (just small quantities)
User avatar
donjohnson24
 
 
Posts: 105
Joined: Thu Sep 27, 2012 9:32 pm
Location: Bridgwater, Somerset, UK
Contact:

Re: [rz] Simple Meter *** UPD 2016-Nov-21 ***

Post by donjohnson24 »

I 'Should have gone to SpecSavers!' :oops: :oops: :oops:
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Simple Meter *** UPD 2016-Nov-21 ***

Post by [RZ] »

:D
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Simple Meter *** UPD 2020-Mar-29 ***

Post by [RZ] »

* New in version 1.3

- Optional "live" modes to start over when the instance is within the viewport (similar to [rz] Live Counter).
- Optional border.
- Minor code tweaks.
Locked