build semi circle progress bar with round corners and shadow in java script and CSS
问题 I searched a lot and finding nothing on it. I want to make a progress bar with round corners .progress bar need to have shadow . All I did as of now is here : $(".progress-bar").each(function(){ var bar = $(this).find(".bar"); var val = $(this).find("span"); var per = parseInt( val.text(), 10); $({p:0}).animate({p:per}, { duration: 3000, easing: "swing", step: function(p) { bar.css({ transform: "rotate("+ (45+(p*1.8)) +"deg)" }); val.text(p|0); } }); }); body{ background-color:#3F63D3; }