{"id":15150970,"url":"https://github.com/justalever/custom_turbo_progress","last_synced_at":"2026-02-11T04:02:18.946Z","repository":{"id":253098827,"uuid":"842134602","full_name":"justalever/custom_turbo_progress","owner":"justalever","description":"Custom loading bars with Rails and Hotwire","archived":false,"fork":false,"pushed_at":"2024-08-14T11:54:41.000Z","size":53,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-02T16:41:22.851Z","etag":null,"topics":["hotwire-rails","hotwire-stimulus","hotwire-turbo","rails","stimulus","turbo"],"latest_commit_sha":null,"homepage":"https://webcrunch.com/posts/custom-loading-bars-rails","language":"Ruby","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/justalever.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":"2024-08-13T18:33:04.000Z","updated_at":"2024-11-15T00:35:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"198ddbd8-fee6-4243-9f23-ac18571fd6b4","html_url":"https://github.com/justalever/custom_turbo_progress","commit_stats":{"total_commits":4,"total_committers":1,"mean_commits":4.0,"dds":0.0,"last_synced_commit":"21837fb3a16533612ccc3879e71984f568e233fd"},"previous_names":["justalever/custom_turbo_progress"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/justalever/custom_turbo_progress","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Fcustom_turbo_progress","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Fcustom_turbo_progress/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Fcustom_turbo_progress/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Fcustom_turbo_progress/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/justalever","download_url":"https://codeload.github.com/justalever/custom_turbo_progress/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justalever%2Fcustom_turbo_progress/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29326822,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-11T03:52:29.695Z","status":"ssl_error","status_checked_at":"2026-02-11T03:52:23.094Z","response_time":97,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["hotwire-rails","hotwire-stimulus","hotwire-turbo","rails","stimulus","turbo"],"created_at":"2024-09-26T15:00:31.185Z","updated_at":"2026-02-11T04:02:18.907Z","avatar_url":"https://github.com/justalever.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n![loading-bars-rails](https://github.com/user-attachments/assets/48a75100-b7aa-4a10-92c2-9dbe2edb6b9c)\n\n\n# Custom progress bars with Rails\n\nThe Turbo Rails progress bar is a subtle yet powerful feature that enhances user experience by providing visual feedback during page loads. \n\nBy default, it appears as a slim blue bar at the top of the page for requests that take longer than 500ms. However, with a few simple tweaks, you can transform this element better to match your application's design and brand identity. \n\nThis tutorial will cover the basics and give you an idea of how to add a completely custom loading experience via Stimulus and Tailwind CSS.\n\n- [Read the blog post](https://webcrunch.com/posts/custom-loading-bars-rails)\n- [Watch the video tutorial](https://youtu.be/-jsba52ywSc)\n\nFollow:\n\n- [X](https://x.com/webcrunchblog)\n- [YouTube](https://www.youtube.com/user/webcrunch?sub_confirmation=1)\n\nLearn:\n\n- [webcrunch.com](https://webcrunch.com)\n- [hellorails.io](https:://hellorails.io)\n- [hellohotwire.com](https://hellohotwire.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjustalever%2Fcustom_turbo_progress","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjustalever%2Fcustom_turbo_progress","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjustalever%2Fcustom_turbo_progress/lists"}