Permalink
Browse files

start progressBar

  • Loading branch information...
1 parent 02493f7 commit 3d1e1b55826c8810f2e468ea95f81730499d8f3f @acazsouza committed Apr 24, 2012
Showing with 10 additions and 4 deletions.
  1. +7 −0 src/index.html
  2. +3 −4 tests/jQuery.ProgressBarTests.html
View
@@ -10,9 +10,13 @@
#first-number { left:40% }
#second-number { left:50% }
#third-number { left:60% }
+ .progress-bar { width:100%; height:20px; border:solid 1px #000; position:relative }
+ .progress-bar .bar { width:100%; height:20px; position:absolute; right:0; background-color:red }
</style>
</head>
<body>
+ <div id="progress-bar" class="progress-bar"><div class="bar"></div></div>
+
<p id="expression"></p>
<div>
@@ -51,6 +55,9 @@
}
fields[index].innerHTML = expression.correctAnswer;
+
+ var progressBar = $('#progress-bar').progressBar({ velocity: 10000 });
+ progressBar.progressBar('start');
}
window.onload = applyNewExpression;
@@ -12,17 +12,16 @@
<script type="text/javascript" src="../src/jquery.progressbar.js"></script>
<style type="text/css">
- .barProgress { width:100%; height:20px; border:solid 1px #000; position:relative }
-
- .barProgress .bar { width:100%; height:20px; position:absolute; right:0; background-color:red }
+ .progress-bar { width:100%; height:20px; border:solid 1px #000; position:relative }
+ .progress-bar .bar { width:100%; height:20px; position:absolute; right:0; background-color:red }
</style>
<script type="text/javascript">
$(function () {
module("$.progressBar() Tests", {
setup: function () {
- var HTMLStub = '<div id="div-id" class="barProgress"><div class="bar"></div></div>';
+ var HTMLStub = '<div id="div-id" class="progress-bar"><div class="bar"></div></div>';
$(HTMLStub).appendTo('body');
},
teardown: function () {

0 comments on commit 3d1e1b5

Please sign in to comment.