refactor(progress): use cssr, wip

src/progress/index.js

@@ -1,5 +1,5 @@
 /* istanbul ignore file */
-import Progress from './src/main.vue'
+import Progress from './src/Progress.vue'
 
 Progress.install = function (Vue) {
   Vue.component(Progress.name, Progress)

src/styles/progress/dark.js

@@ -0,0 +1,27 @@
+import create from '../_utils/create-component-base'
+
+export default create({
+  getDerivedVariables ({ derived }) {
+    return {
+      railColor: derived.railOverlayBackgroundColor,
+      default: {
+        fillColor: derived.infoColor
+      },
+      info: {
+        fillColor: derived.infoColor
+      },
+      success: {
+        fillColor: derived.successColor
+      },
+      warning: {
+        fillColor: derived.warningColor
+      },
+      error: {
+        fillColor: derived.errorColor
+      },
+      insideIndicatorTextColor: derived.secondaryTextOverlayColor,
+      outsideIndicatorTextColor: 'rgb(0, 0, 0)',
+      processingLineBackgroundImage: 'linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .5) 100%)'
+    }
+  }
+})

src/styles/progress/light.js

@@ -0,0 +1,27 @@
+import create from '../_utils/create-component-base'
+
+export default create({
+  getDerivedVariables ({ derived }) {
+    return {
+      railColor: derived.railOverlayBackgroundColor,
+      default: {
+        fillColor: derived.infoColor
+      },
+      info: {
+        fillColor: derived.infoColor
+      },
+      success: {
+        fillColor: derived.successColor
+      },
+      warning: {
+        fillColor: derived.warningColor
+      },
+      error: {
+        fillColor: derived.errorColor
+      },
+      insideIndicatorTextColor: derived.secondaryTextOverlayColor,
+      outsideIndicatorTextColor: 'rgb(255, 255, 255)',
+      processingLineBackgroundImage: 'linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .5) 100%)'
+    }
+  }
+})