{"id":20490605,"url":"https://github.com/mehmet-github06/progress-steps","last_synced_at":"2026-04-20T09:34:01.476Z","repository":{"id":220580061,"uuid":"710040794","full_name":"Mehmet-github06/Progress-Steps","owner":"Mehmet-github06","description":"This project implements progress steps with buttons to navigate between steps. Each step is represented by a circle that changes color when active.","archived":false,"fork":false,"pushed_at":"2024-02-02T20:47:14.000Z","size":9,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-16T05:25:32.112Z","etag":null,"topics":["css3","htnl5","js"],"latest_commit_sha":null,"homepage":"https://youtube-al-ma-2.vercel.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mehmet-github06.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-25T22:24:57.000Z","updated_at":"2024-02-02T20:47:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"fa477b1f-a69f-4527-abe0-9407403ce069","html_url":"https://github.com/Mehmet-github06/Progress-Steps","commit_stats":null,"previous_names":["mehmet-github06/youtube--al--ma-2"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2FProgress-Steps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2FProgress-Steps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2FProgress-Steps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mehmet-github06%2FProgress-Steps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mehmet-github06","download_url":"https://codeload.github.com/Mehmet-github06/Progress-Steps/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242068250,"owners_count":20066849,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","htnl5","js"],"created_at":"2024-11-15T17:17:40.276Z","updated_at":"2026-04-20T09:33:56.436Z","avatar_url":"https://github.com/Mehmet-github06.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Progress Steps\n\nThis project implements progress steps with buttons to navigate between steps. Each step is represented by a circle that changes color when active.\n\n## Table of Contents\n\n- [Description](#description)\n- [Screenshot](#screenshot)\n- [Technologies Used](#technologies-used)\n- [How to Use](#how-to-use)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Description\n\nThe web page consists of progress steps represented by circles and buttons to navigate between steps. The progress bar dynamically adjusts its width based on the current active step. Users can click on the \"Next\" and \"Previous\" buttons to move forward or backward through the steps.\n\n## Screenshot\n\n![Screenshot](./Screenshot_2.jpg)\n\n## Live Demo\n\n[View Live Demo](https://youtube-al-ma-2.vercel.app/)\n\n## Technologies Used\n\n- HTML5\n- CSS3\n- JavaScript\n\n## How to Use\n\n1. Clone this repository to your local machine.\n2. Open the `index.html` file in your web browser.\n3. Click on the \"Next\" button to proceed to the next step.\n4. Click on the \"Previous\" button to go back to the previous step.\n\n## Contributing\n\nContributions to this project are welcome! If you'd like to enhance the project or fix any issues, feel free to fork the repository and submit a pull request.\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmehmet-github06%2Fprogress-steps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmehmet-github06%2Fprogress-steps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmehmet-github06%2Fprogress-steps/lists"}