{"id":18523696,"url":"https://github.com/sonicdoe/angular-progress-button","last_synced_at":"2025-04-09T11:31:44.522Z","repository":{"id":14155213,"uuid":"16861020","full_name":"sonicdoe/angular-progress-button","owner":"sonicdoe","description":"[Unmaintained] Buttons with built-in progress bars for AngularJS","archived":false,"fork":false,"pushed_at":"2015-04-21T17:12:13.000Z","size":368,"stargazers_count":26,"open_issues_count":6,"forks_count":11,"subscribers_count":2,"default_branch":"develop","last_synced_at":"2025-03-24T05:13:40.443Z","etag":null,"topics":["angularjs","unmaintained"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sonicdoe.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":"2014-02-15T10:52:26.000Z","updated_at":"2025-03-20T14:28:18.000Z","dependencies_parsed_at":"2022-08-28T21:01:00.530Z","dependency_job_id":null,"html_url":"https://github.com/sonicdoe/angular-progress-button","commit_stats":null,"previous_names":["sonichedgehog/angular-progress-button"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonicdoe%2Fangular-progress-button","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonicdoe%2Fangular-progress-button/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonicdoe%2Fangular-progress-button/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonicdoe%2Fangular-progress-button/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sonicdoe","download_url":"https://codeload.github.com/sonicdoe/angular-progress-button/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248031543,"owners_count":21036426,"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":["angularjs","unmaintained"],"created_at":"2024-11-06T17:37:10.904Z","updated_at":"2025-04-09T11:31:44.047Z","avatar_url":"https://github.com/sonicdoe.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# angular-progress-button\n\n[![Build Status](http://img.shields.io/travis/SonicHedgehog/angular-progress-button/develop.svg)](https://travis-ci.org/SonicHedgehog/angular-progress-button)\n\nBrings [buttons with built-in progress meters](http://tutorialzine.com/2013/10/buttons-built-in-progress-meters/)\nto AngularJS. [Take a look at the example page](http://sonichedgehog.github.io/angular-progress-button/example).\n\n## Usage\n\n### Installing\n\nDownload `progress-button.min.js` and `progress-button.min.css` from the `dist` directory or install using [Bower](http://bower.io):\n\n```shell\n$ bower install angular-progress-button\n```\n\nThen include both files.\n\n### HTML\n \n#### As an element\n\n```html\n\u003c!-- Simple button --\u003e\n\u003cprogress-button value=\"progress\"\u003eButton\u003c/a\u003e\n\n\u003c!-- Custom in-progress and completion text --\u003e\n\u003cprogress-button value=\"progress\" in-progress=\"Generating…\" complete=\"Download\"\u003eGenerate\u003c/a\u003e\n```\n \n#### As an attribute\n\n```html\n\u003c!-- Simple button --\u003e\n\u003cbutton progress-button value=\"progress\"\u003eButton\u003c/button\u003e\n\n\u003c!-- Horizontal type --\u003e\n\u003cbutton progress-button value=\"progress\" type=\"horizontal\"\u003eButton\u003c/button\u003e\n\n\u003c!-- \u003ca\u003e tag with custom in-progress and completion text --\u003e\n\u003ca progress-button value=\"progress\" in-progress=\"Generating…\" complete=\"Download\"\u003eGenerate\u003c/a\u003e\n```\n\n### Attributes\n\n#### value (*Number*)\n\nProgress value, must range from `0` (default) to `1.0`.\n\n#### type (*String*)\n\nStyle of progress animation, `horizontal` (default), `vertical` or `bottom-bar`.\n\n#### in-progress (*String*)\n\nText which is shown when `value` is between `0` and `1.0`, defaults to `Loading…`.\n\n#### complete (*String*)\n\nText which is shown when `value` is `1.0`, defaults to `Complete.`\n\n### JavaScript\n\n```js\nangular.module('progressButtonDemo', ['progressButton'])\n  .controller('ProgressButtonsCtrl', function($scope) {\n    $scope.progress = 0.5;\n  })\n```\n\n## Running tests\n\nInstall all dependencies using:\n\n```shell\n$ npm install\n```\n\nRun the [Karma test runner](http://karma-runner.github.io):\n\n```shell\n$ ./node_modules/karma/bin/karma start\n```\n\nYou can also execute a single run in PhantomJS using `grunt test`.\n\n## Release History\n\n- v0.3.0 (2015-04-21): Allow directive to be used [as an attribute](#as-an-attribute)\n- v0.2.0 (2015-01-20):\n    - Remove custom color themes\n    - Drop `-moz-` prefix for CSS transitions and CSS gradients\n    - Dynamically resize buttons to fit text in any state\n- v0.1.1 (2014-08-03): Add minified version (see `dist/`)\n- v0.1.0 (2014-06-14): Initial release\n\n## License\n\n`angular-progress-button` is licensed under the BSD 2-clause license. See [LICENSE](./LICENSE) for the full license.\n\n---\n\nThe original design and implementation is from Tutorialzine’s “[Buttons With Built-in Progress Meters](http://tutorialzine.com/2013/10/buttons-built-in-progress-meters/)” tutorial. [Their license](http://tutorialzine.com/license/) reads as follows:\n\n\u003e The source code and techniques, covered in our tutorials, are free for use in your personal and commercial projects. The text and images of our articles, however, are copyrighted and may not be used or copied without written permission (this includes translation of the articles in different languages).\n\n\u003e You can use, modify and build upon our code for your (or your clients’) personal and commercial projects with no attribution necessary.\n\n\u003e You are not allowed to redistribute our demo files directly (you are encouraged to share a link to the tutorials instead).\n\n\u003e If you plan to include our source code in site templates or to package it with other forms of digital content, meant for direct selling on online marketplaces (such as ThemeForest, ActiveDen etc.), you are required to include a back-link to the article in question on Tutorialzine.com.\n\n---\n\n`angular-progress-button` was originally written for a [bounty on Bountify](https://bountify.co/turn-this-jquery-into-a-angular-directive). The bounty poster has agreed to put the code under an open-source license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonicdoe%2Fangular-progress-button","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsonicdoe%2Fangular-progress-button","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonicdoe%2Fangular-progress-button/lists"}