jlengrand/d3-progress-meter
1
0
Fork 0
mirror of https://github.com/jlengrand/d3-progress-meter.git synced 2026-03-10 08:11:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make demo more compact

Browse Source
This commit is contained in:
Ronny Roeller
2017-11-13 16:34:46 +01:00
parent f6d626ac49
commit 36654794c7
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
demo/index.html
View File

@@ -7,12 +7,12 @@
<body>
<h2>Simple progress meters</h2>
<d3-progress-meter radius="100" percentage="0.2" current-text="70" goal-text="Goal: 200" type-text="transactions"></d3-progress-meter>
<d3-progress-meter radius="100" percentage="0.65" current-text="6.5m" goal-text="Goal: $10m" type-text="revenue"></d3-progress-meter>
<d3-progress-meter radius="100" percentage="0.9" current-text="225" goal-text="Goal: 250" type-text="points"></d3-progress-meter>
<d3-progress-meter radius="50" percentage="0.2" current-text="70" goal-text="Goal: 200" type-text="transactions"></d3-progress-meter>
<d3-progress-meter radius="50" percentage="0.65" current-text="6.5m" goal-text="Goal: $10m" type-text="revenue"></d3-progress-meter>
<d3-progress-meter radius="50" percentage="0.9" current-text="225" goal-text="Goal: 250" type-text="points"></d3-progress-meter>
<h2>Progress meter without goal line</h2>
<d3-progress-meter radius="100" percentage="0.75" current-text="70%"></d3-progress-meter>
<d3-progress-meter radius="50" percentage="0.75" current-text="70%"></d3-progress-meter>
<h2>Progress meter with custom styling</h2>
<style is="custom-style">
@@ -20,6 +20,6 @@
--progress-meter-color-current: red;
}
</style>
<d3-progress-meter radius="100" percentage="0.75" current-text="30%" class="custom"></d3-progress-meter>
<d3-progress-meter radius="50" percentage="0.75" current-text="30%" class="custom"></d3-progress-meter>
</body>
</html>