{"id":18347952,"url":"https://github.com/collaborne/candy-progress","last_synced_at":"2025-04-09T23:26:45.281Z","repository":{"id":57741160,"uuid":"80467077","full_name":"Collaborne/candy-progress","owner":"Collaborne","description":"Polymer element that creates candy progress bar","archived":false,"fork":false,"pushed_at":"2019-04-15T10:33:46.000Z","size":2608,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-15T15:07:54.757Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.webcomponents.org/element/Collaborne/candy-progress","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Collaborne.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-30T21:47:38.000Z","updated_at":"2019-05-20T07:42:14.000Z","dependencies_parsed_at":"2022-09-09T06:00:59.209Z","dependency_job_id":null,"html_url":"https://github.com/Collaborne/candy-progress","commit_stats":null,"previous_names":[],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Collaborne%2Fcandy-progress","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Collaborne%2Fcandy-progress/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Collaborne%2Fcandy-progress/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Collaborne%2Fcandy-progress/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Collaborne","download_url":"https://codeload.github.com/Collaborne/candy-progress/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248128026,"owners_count":21052342,"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":[],"created_at":"2024-11-05T21:15:51.599Z","updated_at":"2025-04-09T23:26:45.263Z","avatar_url":"https://github.com/Collaborne.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# candy-progress  [![Bower version](https://badge.fury.io/bo/candy-progress.svg)](http://badge.fury.io/bo/candy-progress) [![Travis state](https://travis-ci.org/Collaborne/candy-progress.svg?branch=master)](https://travis-ci.org/Collaborne/candy-progress) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/Collaborne/candy-progress)  \n[![Published on Vaadin  Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/Collabornegoogle-analytics-tracker-behavior)\n[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/Collabornegoogle-analytics-tracker-behavior.svg)](https://vaadin.com/directory/component/Collabornegoogle-analytics-tracker-behavior)\n\nPolymer element that creates candy progress bar.\n\nThis element is a native Polymer 2 element (ES6 class syntax). Use version 2.0.x for Polymer 2 hybrid mode.\n\n## Install\n\n`bower install candy-progress --save`\n\n## Usage\n\nSupported options:\n\n| Option            | Description                                                                                                             |\n| ----------------- | ----------------------------------------------------------------------------------------------------------------------- |\n| **progress**      | Value that sets the bar fill explicitly, the value is in percentage (The range should be 0-100)                |\n| **loop**          | If set to true the bar is going to fill repetitively.                                                        |\n| **fill**          | If set to true the bar is going to fill and stay filled.                                                      |\n| **speed**         | Number represents the speed of bar filling (fitting values are 1 - 100, 1 the slowest and 100 the fastest) |\n\n## Example\n\n\u003c!--\n```\n\u003ccustom-element-demo\u003e\n  \u003ctemplate\u003e\n    \u003clink rel=\"import\" href=\"candy-progress.html\"\u003e\n    \u003cnext-code-block\u003e\u003c/next-code-block\u003e\n  \u003c/template\u003e\n\u003c/custom-element-demo\u003e\n```\n--\u003e\n\n```html\n\u003cstyle is=\"custom-style\"\u003e\n    candy-progress {\n        --candy-progress-width: 100%;\n        --candy-progress-height: 20px;\n    }\n    candy-progress.red {\n        --candy-progress-color: #AC0000;\n        --candy-progress-secondary-color: #FF0000;\n    }\n    candy-progress.green {\n        --candy-progress-color: #006500;\n        --candy-progress-secondary-color: #1FD01F;\n    }\n    candy-progress.orange {\n        --candy-progress-color: #F48300;\n        --candy-progress-secondary-color: #FF8826;\n    }\n    candy-progress.blue {\n        --candy-progress-color: blue;\n        --candy-progress-secondary-color: white;\n    }\n\u003c/style\u003e\n\u003ccandy-progress class=\"red\" speed=\"35\" fill\u003e\u003c/candy-progress\u003e\n\u003ccandy-progress class=\"green\" speed=\"70\" loop\u003e\u003c/candy-progress\u003e\n\u003ccandy-progress class=\"orange\" loop\u003e\u003c/candy-progress\u003e\n\u003ccandy-progress class=\"blue\" progress=\"50\"\u003e\u003c/candy-progress\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcollaborne%2Fcandy-progress","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcollaborne%2Fcandy-progress","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcollaborne%2Fcandy-progress/lists"}