Skip to content

Commit ea54663

Browse files
afshinmafshinm
committed
add progress-bar example + change readme/package.json to v1.0.0
1 parent e2baddf commit ea54663

File tree

9 files changed

+121
-37
lines changed

9 files changed

+121
-37
lines changed

‎README.md

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -396,12 +396,20 @@ Want to learn faster and easier? Here we have **Instant IntroJs**, Packt Publish
396396
</p>
397397

398398
## Roadmap
399-
- Fix problems with `position: fixed` and other positions
400399
- Provide more examples
401400
- Add more templates
402401

403402
## Release History
404403

404+
* **v1.0.0** - 2014-10-17
405+
- Auto-positioning feature for tooltip box
406+
- Add progress-bar to tooltip box
407+
- Fix `z-index` issue
408+
- Add dark template
409+
- Fix bad sizing with Bootstrap 3
410+
- Add disable interaction ability
411+
- Fix code styling issues and many minor bug fixes
412+
405413
* **v0.9.0** - 2014-05-23
406414
- Add IntroJS templates
407415
- Add more tooltip positions (bottom-right, bottom-middle, bottom-left)

‎bower.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "intro.js",
3-
"version": "0.9.0",
3+
"version": "1.0.0",
44
"description": "A better way for new feature introduction and step-by-step users guide for your website and project.",
55
"keywords": ["demo", "intro", "introduction"],
66
"homepage": "http://usablica.github.com/intro.js/",

‎component.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"name": "intro.js",
33
"repo": "usablica/intro.js",
44
"description": "Better introductions for websites and features with a step-by-step guide for your projects",
5-
"version": "0.9.0",
5+
"version": "1.0.0",
66
"main": "intro.js",
77
"scripts": [
88
"intro.js"

‎example/hello-world/withProgress.html

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>With Progress-bar</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="description" content="Intro.js - Better introductions for websites and features with a step-by-step guide for your projects.">
8+
<meta name="author" content="Afshin Mehrabani (@afshinmeh) in usabli.ca group">
9+
10+
<!-- styles -->
11+
<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
12+
<link href="../assets/css/demo.css" rel="stylesheet">
13+
14+
<!-- Add IntroJs styles -->
15+
<link href="../../introjs.css" rel="stylesheet">
16+
17+
<link href="../assets/css/bootstrap-responsive.min.css" rel="stylesheet">
18+
</head>
19+
20+
<body>
21+
22+
<div class="container-narrow">
23+
24+
<div class="masthead">
25+
<ul class="nav nav-pills pull-right" data-step="5" data-intro="Get it, use it.">
26+
<li><a href="https://github.com/usablica/intro.js/tags"><i class='icon-black icon-download-alt'></i> Download</a></li>
27+
<li><a href="https://github.com/usablica/intro.js">Github</a></li>
28+
<li><a href="https://twitter.com/usablica">@usablica</a></li>
29+
</ul>
30+
<h3 class="muted">Intro.js</h3>
31+
</div>
32+
33+
<hr>
34+
35+
<div class="jumbotron">
36+
<h1 data-step="1" data-intro="This is a tooltip!">Progress-bar</h1>
37+
<p class="lead" data-step="4" data-intro="Another step.">This is the basic usage of IntroJs, with <code>data-step</code> and <code>data-intro</code> attributes.</p>
38+
<a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs().setOption('showProgress', true).start();">Show me how</a>
39+
</div>
40+
41+
<hr>
42+
43+
<div class="row-fluid marketing">
44+
<div class="span6" data-step="2" data-intro="Ok, wasn't that fun?" data-position='right'>
45+
<h4>Section One</h4>
46+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
47+
48+
<h4>Section Two</h4>
49+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
50+
51+
<h4>Section Three</h4>
52+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
53+
</div>
54+
55+
<div class="span6" data-step="3" data-intro="More features, more fun." data-position='left'>
56+
<h4>Section Four</h4>
57+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
58+
59+
<h4>Section Five</h4>
60+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
61+
62+
<h4>Section Six</h4>
63+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
64+
65+
</div>
66+
</div>
67+
68+
<hr>
69+
</div>
70+
<script type="text/javascript" src="../../intro.js"></script>
71+
</body>
72+
</html>

‎example/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,10 @@ <h3 class="muted">Examples</h3>
2424
<li><a href="hello-world/index.html" title='Basic usage'>Basic usage</a></li>
2525
<li><a href="hello-world/withoutBullets.html" title='Basic usage with buttons'>Basic usage with buttons</a></li>
2626
<li><a href="hello-world/withoutButtons.html" title='Basic usage with bullets'>Basic usage with bullets</a></li>
27+
<li><a href="hello-world/withProgress.html" title='Basic usage with progress-bar'>Basic usage with progress-bar</a></li>
2728
<li><a href="programmatic/index.html" title='Programmatic defining using JSON'>Programmatic defining using JSON</a></li>
2829
<li><a href="multi-page/index.html" title='Multi-Page introduction'>Multi-Page introduction</a></li>
30+
<li><a href="auto-position/index.html" title='Auto-positioning'>Auto-positioning</a></li>
2931
<li><a href="RTL/index.html" title='RTL version'>RTL version</a></li>
3032
<li><a href="html-tooltip/index.html" title='HTML in tooltip'>HTML in tooltip</a></li>
3133
<li><a href="custom-class/index.html" title='Custom CSS Class'>Custom CSS Class</a></li>

‎introjs.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
.introjs-fixParent {
2323
z-index: auto !important;
2424
opacity: 1.0 !important;
25-
position: absolute;
25+
position: absolute !important;
2626
-webkit-transform: none !important;
2727
-moz-transform: none !important;
2828
-ms-transform: none !important;

0 commit comments

Comments
 (0)