react-progress-meter/index.html at master · devzonetech/react-progress-meter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108

<!DOCTYPE html>
<html lang="en">
    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="ReactProgressMeter ReactJs component demo page. Examples in different colors of ReactProgressMeter component.">
        <meta name="author" content="Devzone Tech Ltd.">

        <title>ReactProgressMeter example</title>

        <style>
                body {
                    background-color: black;
                    color: white;
                    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                }

                h1 {
                    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                    font-size: 24px;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 500;
                    line-height: 26.4px;
                }

                h3 {
                    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                    font-size: 14px;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 500;
                    line-height: 15.4px;
                }

                p {
                    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                    font-size: 14px;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    line-height: 20px;
                }

                a {
                    color: white;
                }

                blockquote {
                    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                    font-size: 21px;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    line-height: 30px;
                }

                pre {
                    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                    font-size: 13px;
                    font-style: normal;
                    font-variant: normal;
                    font-weight: 400;
                    line-height: 18.5714px;
                }

                #wrapper {
                    width: 70%;
                    margin: 50px auto 0 auto;
                    color: white;
                    text-align: center;
                }

                #wrapper .topSpace {
                    margin-top: 70px;
                }

                .rightSpace {
                    margin-right: 50px;
                }
        </style>

        <meta property="og:title"       content="ReactProgressMeter example" />
        <meta property="og:description" content="ReactProgressMeter ReactJs component demo page. Examples in different colors of ReactProgressMeter component." />
        <meta property="og:type"        content="website" />
        <meta property="og:url"         content="https://www.devzonetech.com/demo/react-progress-meter/" />
        <meta property="og:image"       content="https://www.devzonetech.com/demo/react-progress-meter/src/img/react-progress-meter.png" />

    </head>
    <body>
        <div id="content">
            This is component container.
        </div>
        <script src="dist/appExample.js"></script>
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-88857918-1', 'auto');
            ga('send', 'pageview');
        </script>
    </body>
</html>