{"id":20144223,"url":"https://github.com/quansitech/circle-progress","last_synced_at":"2026-06-09T15:02:04.879Z","repository":{"id":97655822,"uuid":"588452043","full_name":"quansitech/circle-progress","owner":"quansitech","description":"弧形进度条","archived":false,"fork":false,"pushed_at":"2023-01-13T06:38:12.000Z","size":4,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-02T23:44:05.826Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/quansitech.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-01-13T06:36:20.000Z","updated_at":"2023-01-13T06:38:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"e7dcd434-5af0-4279-b116-404063b2b215","html_url":"https://github.com/quansitech/circle-progress","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/quansitech/circle-progress","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fcircle-progress","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fcircle-progress/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fcircle-progress/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fcircle-progress/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/quansitech","download_url":"https://codeload.github.com/quansitech/circle-progress/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/quansitech%2Fcircle-progress/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34112225,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-09T02:00:06.510Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2024-11-13T22:09:16.769Z","updated_at":"2026-06-09T15:02:04.854Z","avatar_url":"https://github.com/quansitech.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 弧形进度条\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n    \u003cmeta charset=\"utf-8\"\u003e\n    \u003ctitle\u003edemo\u003c/title\u003e\n    \u003cscript src=\"./circle-progress.min.js\"\u003e\u003c/script\u003e\n\u003cstyle\u003e\n    #app {\n        width: 100px;\n        height: 100px;\n    }\n\u003c/style\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n    \u003cdiv id=\"app\"\u003e\n        \n    \u003c/div\u003e\n    \u003cscript\u003e\n        var el = document.getElementById('app');\n        var options = {\n            baseColor: 'grey', //指定背景圆弧色 不指定则默认使用 #AEC9C9\n            coverColor: 'red'  //进度圆弧色 不指定则默认使用 #43BD32\n            startRadian: '0.9 * Math.PI', //起始弧度 不指定则默认使用 0.5 * Math.PI 也就是圆形\n            //关于startRadian 特别说明的是，只要指定了起始弧度，会根据对称原则计算结束弧度，可自行写demo看实际效果\n        };\n\n        //构造函数\n        var circle = new CircleProgress(el, options);\n        var percent = 0;\n        var id = setInterval(function() {\n            //更新进度\n            circle.progress(++percent);\n            if (percent \u003e= 100) {\n                clearInterval(id);\n            }\n        }, 30);\n    \u003c/script\u003e\n\u003c/html\u003e\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquansitech%2Fcircle-progress","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fquansitech%2Fcircle-progress","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fquansitech%2Fcircle-progress/lists"}