1. Head over to the Firebase Console and create a new project.
2. Follow the steps to add Firebase to your web app. You'll usually need to copy some configuration details into your JavaScript code.

<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-storage.js"></script>

<script>
  const firebaseConfig = {
    apiKey: "YOUR_API_KEY",
    authDomain: "YOUR_PROJECT_ID.firebaseapp.com",
    projectId: "YOUR_PROJECT_ID",
    storageBucket: "YOUR_PROJECT_ID.appspot.com",
    messagingSenderId: "YOUR_SENDER_ID",
    appId: "YOUR_APP_ID"
  };

  firebase.initializeApp(firebaseConfig);
  const storage = firebase.storage();
</script>

Let's make a simple HTML form so users can pick and upload a file.

<form id="upload-form">
  <input type="file" id="fileInput" />
  <button type="submit">Upload</button>
  <progress id="progress" value="0" max="100" style="width: 100%;"></progress>
</form>

Now, let's add some JavaScript to handle the file selection and upload it to Firebase Storage, with a progress bar to show how it's going.

<script>
  document.getElementById('upload-form').addEventListener('submit', function(event) {
    event.preventDefault();

    const file = document.getElementById('fileInput').files[0];
    if (!file) {
      alert("Please choose a file to upload.");
      return;
    }

    const storageRef = firebase.storage().ref();
    const uploadTask = storageRef.child('uploads/' + file.name).put(file);

    uploadTask.on('state_changed', 
      function(snapshot) {
        const progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
        console.log('Upload is ' + progress + '% done');
        document.getElementById('progress').value = progress;

        switch (snapshot.state) {
          case firebase.storage.TaskState.PAUSED:
            console.log('Upload is paused');
            break;
          case firebase.storage.TaskState.RUNNING:
            console.log('Upload is running');
            break;
        }
      }, 
      function(error) {
        console.error("Error uploading file:", error);
      }, 
      function() {
        uploadTask.snapshot.ref.getDownloadURL().then(function(downloadURL) {
          console.log('File available at', downloadURL);
          alert('Upload complete! File available at: ' + downloadURL);
        });
      }
    );
  });
</script>

Make sure your Firebase Storage security rules allow file uploads. Go to the Firebase Console, navigate to Storage, and update the rules if needed.

service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if request.auth != null;
    }
  }
}

This setup lets authenticated users read and write to the storage. Adjust these rules based on your specific security needs.