readme and example updated

Author: deden

README.md

@@ -9,3 +9,7 @@ ignite add progress
 An [ignite plugin](https://github.com/infinitered/ignite) for [react-native-progress](https://github.com/oblador/react-native-progress).
 
 More information on `react-native-progress` can be found [here!](https://github.com/oblador/react-native-progress)
+
+
+### Screenshot
+![ignite-progress screenshot](https://user-images.githubusercontent.com/81311/32766372-423b8400-c941-11e7-8604-a53373524e93.png)

templates/ProgressExample.js.ejs

@@ -1,10 +1,59 @@
-import React from 'react'
-import { View, Text } from 'react-native'
+import React, { Component } from 'react'
+import { View, Text, StyleSheet } from 'react-native'
 import ExamplesRegistry from '../../../App/Services/ExamplesRegistry'
+import * as Progress from 'react-native-progress';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingVertical: 20,
+  },
+  circles: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  progress: {
+    margin: 10,
+  },
+});
+
+export default class ProgressExample extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      indeterminate: true,
+    };
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <Progress.Bar
+          style={styles.progress}
+          indeterminate
+        />
+        <View style={styles.circles}>
+          <Progress.CircleSnail
+            style={styles.progress}
+          />
+          <Progress.CircleSnail
+            style={styles.progress}
+            color={[
+              '#F44336',
+              '#2196F3',
+              '#009688',
+            ]}
+          />
+        </View>
+      </View>
+    );
+  }
+}
 
 // Example
 ExamplesRegistry.addPluginExample('Progress', () =>
-  <View>
-    {/* Add your component or plugin example here */}
-  </View>
+  <ProgressExample/>
 )