[Demo] Update demo with build script and modernized code.

abdennour · Sep 23, 2020 · 9131b4a · 9131b4a
1 parent 5b4e239
commit 9131b4a
Show file tree

Hide file tree

Showing 8 changed files with 2,715 additions and 18,507 deletions.
diff --git a/demo-src/index.html b/demo-src/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+
+<head lang="en">
+  <meta charset="UTF-8">
+  <title>react-progressbar</title>
+</head>
+
+<body>
+  <div id="demo"></div>
+  <script src="./index.js"></script>
+</body>
+
+</html>
diff --git a/demo-src/index.js b/demo-src/index.js
@@ -0,0 +1,38 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import ProgressBar from '../';
+
+class ProgressBarDemo extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      completed: 0,
+    };
+  }
+
+  componentDidMount() {
+    var id = window.setInterval(() => {
+      var diff = Math.random() * 10;
+
+      this.setState({
+        completed: Math.min(this.state.completed + diff, 100),
+      });
+
+      if (this.state.completed >= 100) {
+        window.clearInterval(id);
+      }
+    }, 1000);
+  }
+
+  render() {
+    return (
+      <div>
+        <h1>react-progressbar</h1>
+        <br />
+        <br />
+        <ProgressBar completed={this.state.completed} />
+      </div>
+    );
+  }
+}
+ReactDOM.render(<ProgressBarDemo />, document.getElementById('demo'));
diff --git a/demo/250d9d033e637f0ffb8b901316720c75.js b/demo/250d9d033e637f0ffb8b901316720c75.js
diff --git a/demo/browser.js b/demo/browser.js
diff --git a/demo/index.html b/demo/index.html
@@ -1,10 +1 @@
-<!DOCTYPE html>
-<html>
-<head lang="en">
-    <meta charset="UTF-8">
-    <title>react-progressbar</title>
-</head>
-<body>
-    <script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>react-progressbar</title> </head> <body> <div id="demo"></div> <script src="250d9d033e637f0ffb8b901316720c75.js"></script> </body> </html>