{"action":"created","issue":{"url":"https://api.github.com/repos/thoughtbot/refills/issues/255","labels_url":"https://api.github.com/repos/thoughtbot/refills/issues/255/labels{/name}","comments_url":"https://api.github.com/repos/thoughtbot/refills/issues/255/comments","events_url":"https://api.github.com/repos/thoughtbot/refills/issues/255/events","html_url":"https://github.com/thoughtbot/refills/pull/255","id":57665166,"number":255,"title":"Update progress bars to utilize progress html5 element.","user":{"login":"brendastorer","id":919800,"avatar_url":"https://avatars.githubusercontent.com/u/919800?v=3","gravatar_id":"","url":"https://api.github.com/users/brendastorer","html_url":"https://github.com/brendastorer","followers_url":"https://api.github.com/users/brendastorer/followers","following_url":"https://api.github.com/users/brendastorer/following{/other_user}","gists_url":"https://api.github.com/users/brendastorer/gists{/gist_id}","starred_url":"https://api.github.com/users/brendastorer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/brendastorer/subscriptions","organizations_url":"https://api.github.com/users/brendastorer/orgs","repos_url":"https://api.github.com/users/brendastorer/repos","events_url":"https://api.github.com/users/brendastorer/events{/privacy}","received_events_url":"https://api.github.com/users/brendastorer/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-02-13T22:55:07Z","updated_at":"2015-04-06T13:56:48Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/thoughtbot/refills/pulls/255","html_url":"https://github.com/thoughtbot/refills/pull/255","diff_url":"https://github.com/thoughtbot/refills/pull/255.diff","patch_url":"https://github.com/thoughtbot/refills/pull/255.patch"},"body":"Here's an updated progress bar refill using the html5 progress element! I kept the same progress bar styles for the most part with a few design tweaks. This still needs some full cross browser testing (for example, the animation isn't working in Firefox) before it's ready to incorporate, but I'd love some initial feedback.\r\n\r\n![progress-bars](https://cloud.githubusercontent.com/assets/919800/6196732/6a5b0632-b3a9-11e4-93a0-874cb2cdb4fb.gif)\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/thoughtbot/refills/issues/comments/90071938","html_url":"https://github.com/thoughtbot/refills/pull/255#issuecomment-90071938","issue_url":"https://api.github.com/repos/thoughtbot/refills/issues/255","id":90071938,"user":{"login":"brendastorer","id":919800,"avatar_url":"https://avatars.githubusercontent.com/u/919800?v=3","gravatar_id":"","url":"https://api.github.com/users/brendastorer","html_url":"https://github.com/brendastorer","followers_url":"https://api.github.com/users/brendastorer/followers","following_url":"https://api.github.com/users/brendastorer/following{/other_user}","gists_url":"https://api.github.com/users/brendastorer/gists{/gist_id}","starred_url":"https://api.github.com/users/brendastorer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/brendastorer/subscriptions","organizations_url":"https://api.github.com/users/brendastorer/orgs","repos_url":"https://api.github.com/users/brendastorer/repos","events_url":"https://api.github.com/users/brendastorer/events{/privacy}","received_events_url":"https://api.github.com/users/brendastorer/received_events","type":"User","site_admin":false},"created_at":"2015-04-06T13:56:48Z","updated_at":"2015-04-06T13:56:48Z","body":"@Magnus-G So...I spent a few hours on Friday troubleshooting the Firefox animation, and discovered that now it no longer animates in Chrome (but Safari is fine). :angry: After some research, it looks like it is just that the progress bar has poor browser support for animation. What do you think the best approach would be from here? Maybe offer an HTML5 solution for the static bar and the old div type solution for an animating progress bar? Or something else?"}}