@everymatrix/general-icon-progress-bar 1.1.1 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/general-icon-progress-bar",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4324ea4b38266eb153f1ab89685cdf0f9bcade16"
+  "gitHead": "a331dfb7a0daca971fec89907140c9353dc5f0b3"
 }

package/src/GeneralIconProgressBar.svelte

@@ -10,6 +10,8 @@
   export let lang:string = 'en';
   export let status:string;
   export let translationUrl:string = '';
+  export let progressfractiondigit:number= 1;
+  export let triggerreset:number;
 
   let progressElement:any;
   let stepTextElement: any;
@@ -46,7 +48,7 @@
   }
 
   const updateStepValue=()=>{
-    let stepValue:number = currentstep/total * 100;
+    let stepValue:number = (currentstep/total * 100).toFixed(progressfractiondigit);
     let delay = progressText ? 573 : 0;
     setTimeout(()=>{
       if(showaspercent || showaspercent === 'true'){
@@ -79,7 +81,7 @@
   onMount(()=>{
     updateStepValue();
   });
-  $: currentstep && total && updateStepValue();
+  $: triggerreset && total && updateStepValue();
   $: lang && setActiveLanguage();
   $: status && setCurrentStatus();
   $: translationUrl && setTranslationUrl();
@@ -127,8 +129,10 @@
     font-size: 11px;
     line-height: var(--parentElementHeight, 20px);
     align-items: center;
-    color: rgba(0, 0, 0, 0.8);
+    color: #fff;
     text-align: right;
+    position: relative;
+    z-index: 1;
   }
 
   .stepBar::after {