Create working slider

[23abdul23]

🚀 Welcome Contributors!!

The Design & Behavior:

Visuals: It features a slim, horizontal track with a light gray background and a vibrant blue "progress" fill that tracks from the left.

Thumb Styles: The top version uses a white, elevated thumb with a soft drop shadow, while the bottom version uses a flat, solid blue thumb for a more integrated look.

Behavior: It functions as a linear input where the blue fill dynamically expands or contracts as the user drags the thumb to adjust values.

📝 Submission Guidelines

To successfully merge your contribution, please follow these rules strictly:

1. The Folder: Navigate to the folder named: 9-slider
2. The File: Create a new text file named <your-github-username>.txt.
3. The Content: The file must contain your Figma link in the following format:
   Figma link - <your-live-figma-link>
4. Permissions: Ensure your Figma link permissions are set to "Anyone with the link can view" so the maintainers can review your work.

Example of how johndoe.txt should look:

Figma link - https://www.figma.com/file/xxxxxxxxxxxxxxxxxxxxxxxx

Directory Structure Example:

Repo Root
└── 9-slider/
    └── <your-github-username>.txt

Happy Prototyping! 💫