b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
41 lines
1 KiB
HTML
Executable file
41 lines
1 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>gaia-progress</title>
|
|
<link rel="stylesheet" type="text/css" href="bower_components/base/base.css">
|
|
<link rel="stylesheet" type="text/css" href="bower_components/gaia-theme/gaia-theme.css">
|
|
<link rel="stylesheet" type="text/css" href="bower_components/gaia-fonts/style.css">
|
|
<script src="bower_components/gaia-theme/lib/gaia-theme-selector.js"></script>
|
|
<script src="bower_components/gaia-component/gaia-component.js"></script>
|
|
<script src="gaia-progress.js"></script>
|
|
<style>
|
|
|
|
body {
|
|
padding: var(--base-m);
|
|
padding-top: var(--base-l);
|
|
}
|
|
|
|
gaia-progress {
|
|
margin-bottom: var(--base-s);
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<gaia-theme-selector></gaia-theme-selector>
|
|
|
|
<gaia-progress id="progress" value="10"></gaia-progress>
|
|
<gaia-progress></gaia-progress>
|
|
|
|
<button id="btn">Load some</button>
|
|
|
|
<script>
|
|
btn.onclick = function() {
|
|
var amount = 10;
|
|
progress.value += amount;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|