Skip to content

Commit f326fc6

Browse files
committed
Add the example for loader bar ping pong
1 parent 93aa7a4 commit f326fc6

File tree

3 files changed

+23
-2
lines changed

3 files changed

+23
-2
lines changed

assets/js/main.js

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,17 @@
9393
}
9494
]
9595
},
96+
{
97+
button: document.getElementById('loader-bar-ping-pong'),
98+
className: 'loader-bar-ping-pong'
99+
},
100+
{
101+
button: document.getElementById('loader-bar-ping-pong-rounded'),
102+
className: 'loader-bar-ping-pong',
103+
attributes: [
104+
{ attribute: 'data-rounded' }
105+
]
106+
},
96107
{
97108
button: document.getElementById('loader-border'),
98109
className: 'loader-border'

dist/main.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

index.html

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
2727

2828
<link rel="stylesheet" href="dist/main.min.css">
29-
<link rel="stylesheet" href="https://cdn.rawgit.com/raphaelfabeni/css-loader/f0827e4f95cbb54efa00b0da6ee9fed475dfff5c/dist/css-loader.css">
29+
<link rel="stylesheet" href="https://cdn.rawgit.com/raphaelfabeni/css-loader/2156b771d4eb452ce8a40ef04bfd41778ccb4003/dist/css-loader.css">
3030
</head>
3131
<body>
3232
<!-- Loader -->
@@ -95,6 +95,16 @@ <h3 class="box__title">Bar</h3>
9595
</div>
9696
</div>
9797

98+
<div class="box">
99+
<h3 class="box__title">Bar ping pong</h3>
100+
<div class="box__item">
101+
<button id="loader-bar-ping-pong" class="button">default</button>
102+
</div>
103+
<div class="box__item">
104+
<button id="loader-bar-ping-pong-rounded" class="button">rounded</button>
105+
</div>
106+
</div>
107+
98108
<div class="box">
99109
<h3 class="box__title">Border</h3>
100110
<div class="box__item">

0 commit comments

Comments
 (0)