glarios / jqmeter Goto Github PK
View Code? Open in Web Editor NEWjQuery plugin that allows you to display an animated horizontal or vertical progress meter.
License: Other
jQuery plugin that allows you to display an animated horizontal or vertical progress meter.
License: Other
JQMeter is very nice and quite handy. Is it possible to increase the value raised dynamically?
Can you please provide the un-minified source code?
thanks for this plugin works great except in mobile safari (and mobile chrome for that matter) the vertical progress bar is moving horizontally (works great everywhere else on desktop browsers). Any suggestions?
About compatibility IE6,7 what perfect support?
The plugin works great if I hardcode the values for goal and raised. However, if I try to pass a variable, the bars don't render at all. I've verified my two variables are producing the expected values. Not sure if I'm formatting it wrong, missed something obvious, or if the plugin just doesn't work with dynamic variables. Sample code below:
$(document).ready(function(){
var barGoal = /*dynamically determined*/;
var mathScore = /*dynamically determined*/;
$('#mScore').jQMeter({
goal:barGoal,
raised:mathScore,
meterOrientation: 'vertical',
width: '25px',
height: '100px',
bgColor: '#ffffff',
barColor: '#ff0000',
displayTotal:false
});
});
is it possible to display the raised result instead of the percentage?
example:
goal: '$ 1,000'
raised: '$ 200'
I would like to display the result $ 200, instead of 20%.
Thank you for your help
would it be possible to update the % inside the bar? if I set it to 100% it just says 100% - it would be much nicer if it would at 1% and count up to goal.
thanks!
AS in topic.
$(document).ready(function () {
$('#jqmeter-container').jQMeter();
$('#jqmeter-container').jQMeter({
goal: '$1,000',
raised: '$200',
orientation: 'vertical',
width: '50px',
height: '200px'
});
});
jqmeter.min.js:11 Uncaught TypeError: Cannot read property 'goal' of undefined
at new e.jQMeter (jqmeter.min.js:11)
at HTMLDivElement. (jqmeter.min.js:11)
at Function.each (jquery-1.10.2.min.js:2)
at init.each (jquery-1.10.2.min.js:2)
at init.jQMeter (jqmeter.min.js:11)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.