Se mejoro el disenio de partes, se genero la informacion mas precisa en los reportes y se carga el logo en las instanacias de las empresas

frontend/src/lib/components/ui/progress/index.ts

@@ -0,0 +1,2 @@
+
+export { default as Progress } from "./progress.svelte";

frontend/src/lib/components/ui/progress/progress.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { cn } from "$lib/utils";
+
+  export let value = 0;
+  export let max = 100;
+  let className: string | undefined = undefined;
+  export { className as class };
+
+  $: percentage = (value / max) * 100;
+</script>
+
+<div
+  role="progressbar"
+  aria-valuemin={0}
+  aria-valuemax={max}
+  aria-valuenow={value}
+  class={cn(
+    "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+    className
+  )}
+  {...$$restProps}
+>
+  <div
+    class="h-full w-full flex-1 bg-primary transition-all"
+    style="transform: translateX(-{100 - (percentage || 0)}%)"
+  ></div>
+</div>