update

src/components/MusicLandHeader.js

@@ -5,7 +5,12 @@ import { Palette, Style } from "../styles";
 import ProgressBar from "./ProgressBar";
 import { FONT_FAMILY } from "../styles/Fonts";
 
-const MusicLandHeader = ({ onPressBack, onPressSkip, showSkip = false }) => {
+const MusicLandHeader = ({
+  onPressBack,
+  onPressSkip,
+  showSkip = false,
+  progress = 1,
+}) => {
   return (
     <View style={{ alignItems: "center", gap: 16 }}>
       <Image source={icons.musicLandLogo} />
@@ -21,7 +26,7 @@ const MusicLandHeader = ({ onPressBack, onPressSkip, showSkip = false }) => {
           />
         </Pressable>
         <View style={{ flex: 1 }}>
-          <ProgressBar progress={10} />
+          <ProgressBar progress={progress} />
         </View>
         {showSkip && (
           <Pressable onPress={onPressSkip}>