{"action":"closed","issue":{"url":"https://api.github.com/repos/atom/atom/issues/6646","labels_url":"https://api.github.com/repos/atom/atom/issues/6646/labels{/name}","comments_url":"https://api.github.com/repos/atom/atom/issues/6646/comments","events_url":"https://api.github.com/repos/atom/atom/issues/6646/events","html_url":"https://github.com/atom/atom/issues/6646","id":73144175,"number":6646,"title":"Default CSS for `<progress>` element causes CPU to spike.","user":{"login":"bolinfest","id":655869,"avatar_url":"https://avatars.githubusercontent.com/u/655869?v=3","gravatar_id":"","url":"https://api.github.com/users/bolinfest","html_url":"https://github.com/bolinfest","followers_url":"https://api.github.com/users/bolinfest/followers","following_url":"https://api.github.com/users/bolinfest/following{/other_user}","gists_url":"https://api.github.com/users/bolinfest/gists{/gist_id}","starred_url":"https://api.github.com/users/bolinfest/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bolinfest/subscriptions","organizations_url":"https://api.github.com/users/bolinfest/orgs","repos_url":"https://api.github.com/users/bolinfest/repos","events_url":"https://api.github.com/users/bolinfest/events{/privacy}","received_events_url":"https://api.github.com/users/bolinfest/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/atom/atom/labels/bug","name":"bug","color":"f7c6c7"}],"state":"closed","locked":false,"assignee":{"login":"simurai","id":378023,"avatar_url":"https://avatars.githubusercontent.com/u/378023?v=3","gravatar_id":"","url":"https://api.github.com/users/simurai","html_url":"https://github.com/simurai","followers_url":"https://api.github.com/users/simurai/followers","following_url":"https://api.github.com/users/simurai/following{/other_user}","gists_url":"https://api.github.com/users/simurai/gists{/gist_id}","starred_url":"https://api.github.com/users/simurai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/simurai/subscriptions","organizations_url":"https://api.github.com/users/simurai/orgs","repos_url":"https://api.github.com/users/simurai/repos","events_url":"https://api.github.com/users/simurai/events{/privacy}","received_events_url":"https://api.github.com/users/simurai/received_events","type":"User","site_admin":false},"milestone":null,"comments":9,"created_at":"2015-05-04T22:21:22Z","updated_at":"2015-08-13T12:23:55Z","closed_at":"2015-08-13T12:23:55Z","body":"This is on OS X, version 10.10.3 (Yosemite).\r\n\r\nAs shown in the animated GIF, enabling the following CSS style (which is present for `<progress>` elements) causes the CPU usage to spike:\r\n\r\n```css\r\n-webkit-animation: animate-stripes 5s linear infinite;\r\n```\r\n\r\nFrom the Chrome profiling tools, you can see that all of the `<progress>` elements are being redrawn continuously while this CSS is being applied. Once it is removed, the CPU usage goes back down to zero and the redraw ends.\r\n\r\nOutright removing this style only affects the display of indeterminate progress bars, as they appear to be designed to have a \"barber poll\" animation.\r\n\r\nSomething should be done so that package developers who introduce the use of a `<progress>` element do not inadvertently burn CPU.\r\n\r\n![progress-causes-cpu-spike](https://cloud.githubusercontent.com/assets/655869/7463670/3f5f18d2-f270-11e4-8d12-886ab9b90829.gif)"}}