[{"data":1,"prerenderedAt":294},["ShallowReactive",2],{"project-6250112":3},{"id":4,"name":5,"line":6,"line_source":7,"title":8,"url":9,"domain":10,"maker":11,"posted_at":12,"year":13,"points":14,"comments":15,"rank_in_year":16,"shown_in_year":17,"top":18,"tier":19,"category":20,"subcategory":21,"format":22,"keywords":23,"reception":28,"sentiment":29,"stance_mix":30,"scored_comments":34,"aspects":35,"strip":41,"post_text":42,"what":43,"said":80,"maker_in_thread":157,"shape":167,"grid":170,"attempts":256,"same_week":257,"maker_shows":169,"maker_hidden":286,"reader_version":287,"card":288},"6250112","ngProgress","slim, site-wide progressbar for AngularJS, without jQuery","title","Show HN: ngProgress - slim, site-wide progressbar for AngularJS, without jQuery","http:\u002F\u002Fvictorbjelkholm.github.io\u002FngProgress\u002F","victorbjelkholm.github.io","diggan",1377091939,2013,142,35,145,1739,9,"notable","web_saas","angularjs progress bar","library",[24,25,26,27],"angularjs","progress bar","nprogress","javascript","loved",0.231,{"positive":31,"neutral":32,"mixed":33,"critical":33},5,6,1,13,{"design":36,"execution":38,"idea":39},{"positive":37,"critical":37},0,{"positive":33,"critical":37},{"positive":40,"critical":33},3,[37,40,37,40,37,40,37,40,40,37,31,37,31,37,40,40,37,37,37,31,37,31,37,37,37,31,37,33,37,37,37,37,37,37,37],null,{"problem":44,"audience":54,"pricing":42,"motivation":61,"time_to_build":42,"stack":68,"openness":79,"stage":79,"team_size":79},{"value":45,"source":46,"evidence":47},"Shows a progress bar site-wide while loading or waiting on external resources","maker",[48,51],{"id":49,"by":11,"text":50},"6250760","Hmm, I will work on some realworld examples, for sure. Mainly it's for faking the progress so the user can see something instead of seeing nothing which means you call…",{"id":52,"by":11,"text":53},"6250868","Agree that it shouldn't be used on every website. I think the use case would be when you are doing heavy processing or waiting for external resources. Not like Medium is using…",{"value":55,"source":56,"evidence":57},"AngularJS developers","inferred",[58],{"id":59,"by":11,"text":60},"6250170","This is a Angular provider I've created after seeing NProgress[1] but I didn't want the jQuery dependency and I also wanted it for Angular so here it is. Please comment if you…",{"value":62,"source":46,"evidence":63},"Port NProgress to AngularJS without the jQuery dependency for their work application",[64,65],{"id":59,"by":11,"text":60},{"id":66,"by":11,"text":67},"6251558","Yes! Absolutely! Just take the part in the this.$get on line 20 and move it into it's own object and then you won't need Angular anymore. Why it's a provider for Angular is…",[69,73],{"value":70,"source":46,"evidence":71},"AngularJS",[72],{"id":59,"by":11,"text":60},{"value":74,"source":46,"evidence":75},"JavaScript",[76],{"id":77,"by":11,"text":78},"6251926","Except it's not a directive but a provider! But thanks and I absolutely agree, more ports to native Javascript instead of using jQuery in Angular!","unknown",{"praise":81,"objections":98,"requests":118,"questions":133,"alternatives":141},[82],{"value":83,"source":84,"evidence":85},"Clean native port of NProgress for AngularJS","commenter",[86,90,94],{"id":87,"by":88,"text":89},"6251000","wiradikusuma","Wow, this is cool. The first thing I thought when I saw http:\u002F\u002Fricostacruz.com\u002Fnprogress\u002F (submitted earlier) was how much effort to port\u002Fimplement it to\u002Fin AngularJS. And you…",{"id":91,"by":92,"text":93},"6251897","taude","Thank your for making a proper AngularJS directive and not just some shim-wrapper for an existing JQuery component. I wish this was more the standard than the exception with…",{"id":95,"by":96,"text":97},"6251203","jwblackwell","Wow....what are the odds of this! I literally just came on here to find the site wide progess bar submitted earlier so I could implement it in angular and this shows up! Thanks a…",[99,110,114],{"value":100,"source":84,"evidence":101},"Progress bar should not be used on every page",[102,106],{"id":103,"by":104,"text":105},"6250773","pachydermic","Sickens? I think it's kinda cool... Not sure if I'd like to see it on every page from now on, though.",{"id":107,"by":108,"text":109},"6250751","d0vs","Oh my God. I don't have the vocabulary to tell you how much this sickens me. You don't have to do something just because Google does it. Focus on speed instead of shitty…",{"value":111,"source":84,"evidence":112},"Bar color is too strong",[113],{"id":87,"by":88,"text":89},{"value":115,"source":84,"evidence":116},"Repeated clicks on start cause the bar not to stop",[117],{"id":87,"by":88,"text":89},[119,126],{"value":120,"source":84,"evidence":121},"Real-world examples with $http or data loading",[122],{"id":123,"by":124,"text":125},"6250529","Foxandxss","Would be good to have a real-world example, like a progress for $http, or loading data... I am trying to swap angular-app's spinner with this, but it works with…",{"value":127,"source":84,"evidence":128},"Global loading indicator for all Angular requests",[129],{"id":130,"by":131,"text":132},"6253962","emp_","I had a ton of trouble a few months ago to create a reliable global loading indicator for all requests in Angular, this doesn't seem to implement that, correct? One would have to…",[134],{"value":135,"source":84,"evidence":136},"How to use it when switching between views",[137],{"id":138,"by":139,"text":140},"6251059","ConceitedCode","Has anyone figure out how to use this when switching between views?",[142,150],{"value":143,"source":84,"evidence":144},"NProgress",[145,146],{"id":87,"by":88,"text":89},{"id":147,"by":148,"text":149},"6250650","jasdeepsingh","Dang! I was about to release something for AngularJS as per my comment yesterday on NProgress.. You beat me to it! Great job!",{"value":151,"source":84,"evidence":152},"rainbow.js",[153],{"id":154,"by":155,"text":156},"6252077","bib971","In case you're interested, I built one that doesn't use Angular or jQuery: http:\u002F\u002Fbuunguyen.github.io\u002Frainbow.js\u002F",{"comments":158,"answered":40,"key":159},15,[160,161,164],{"id":59,"text":60},{"id":162,"text":163},"6251030","Thanks for the cooleness mention, always makes me smile! I thought the same thing and started thinking about a port. Then I discovered that is was simpler to just skip the jQuery…",{"id":165,"text":166},"6250800","Yeah, I'm not sure that the progressbar should disapear just because the width is 100% because the loading still can be unfinished. Therefore you should always call…",{"commenters":168,"max_depth":31,"maker_replies":158,"first_comment_mins":18,"lifespan_hours":169},17,10,[171,173,175,177,182,183,185,187,189,190,191,194,196,198,201,202,204,207,210,214,218,220,223,225,229,231,232,234,238,240,242,246,249,251,253],[59,37,37,172,11,33],"project\u002Fneutral\u002Fidea",[87,33,40,174,88,37],"project\u002Fmixed\u002Fdesign",[162,33,37,176,11,33],"project\u002Fneutral\u002Fdesign",[178,179,40,180,181,37],"6250778",2,"project\u002Fneutral\u002Fexecution","gstar",[165,179,37,180,11,33],[184,179,40,176,181,37],"6250862",[186,179,37,180,11,33],"6250916",[188,179,40,176,155,37],"6252054",[123,40,40,172,124,37],[49,40,37,172,11,33],[91,192,31,193,92,37],4,"maker\u002Fpositive\u002Fexecution",[77,192,37,195,11,33],"maker\u002Fneutral\u002Fexecution",[95,31,31,197,96,37],"project\u002Fpositive\u002Fidea",[199,31,37,200,11,33],"6251224","maker\u002Fpositive\u002Fnone",[130,32,40,172,131,37],[138,203,40,180,139,37],7,[205,203,37,206,11,33],"6251103","maker\u002Fneutral\u002Fnone",[208,203,37,209,139,37],"6251130","other\u002Fneutral\u002Fnone",[211,203,37,212,213,37],"6251460","other\u002Fneutral\u002Fdocs","psgibbs",[215,216,31,217,124,37],"6250328",8,"project\u002Fpositive\u002Fnone",[219,216,37,200,11,33],"6250332",[221,216,31,197,222,37],"6250353","jvandyke",[224,216,37,206,11,33],"6250376",[226,216,37,227,228,37],"6251005","commenter\u002Fpositive\u002Fnone","d0m",[230,216,37,227,11,33],"6251037",[147,18,31,197,148,37],[233,18,37,200,11,33],"6250744",[235,169,33,236,237,37],"6251536","project\u002Fcritical\u002Fidea","nijiko",[66,169,37,239,11,33],"maker\u002Fneutral\u002Fdesign",[154,169,37,241,155,37],"other\u002Fneutral\u002Fidea",[243,169,37,244,245,37],"6252955","other\u002Fneutral\u002Fdesign","platz",[107,247,37,248,108,37],11,"other\u002Fcritical\u002Fidea",[103,247,37,250,104,37],"commenter\u002Fmixed\u002Fidea",[52,247,37,252,11,33],"maker\u002Fneutral\u002Fidea",[254,247,37,255,11,33],"6250774","commenter\u002Fneutral\u002Fnone",[],[258,263,268,273,278,282],{"id":259,"name":260,"points":261,"category":262},"6219354","Arc",281,"infrastructure",{"id":264,"name":265,"points":266,"category":267},"6251671","Tridiv",277,"dev_tools",{"id":269,"name":270,"points":271,"category":272},"6226607","noteZilla",275,"learning_science",{"id":274,"name":275,"points":276,"category":277},"6221602","PriceMed",171,"data",{"id":279,"name":280,"points":281,"category":267},"6232339","Xpressive",84,{"id":283,"name":284,"points":285,"category":20},"6219546","angular-invoicing",56,false,"v2",{"id":289,"name":5,"line":6,"ai":286,"cat":20,"year":13,"points":14,"comments":15,"rec":28,"s":290,"top":18,"kw":291,"maker":11,"domain":10,"tier":19,"attempts":37,"strip":292,"url":9,"mix":293,"praise":83,"objection":100,"sub":21},6250112,0.23,[24,25,26,27],"03030303305050330005050005010000000",[31,32,33,33],1793990897148]