Show User Profile completed percentage in Progress bar using jQuery in ASP.Net

Question

helloi have 4 fields in database first namelast nameemailaddressi want to show a proflie completed bar to user like if user has only fill first name so it shows 20 filled bar and 80 blank bar should check value from data like like this httpsbootsnippcomsnippetsb4ZB6

dharmendr · Accepted Answer

Hi naunaFor dynamic percentage calculation declare a property in code behind Then based on your logic calculate the percentage and assign the property value in code behindThen using the percent in JavaScript display the pregress barCheck this exampleCprotected int Percentage  get set protected void PageLoadobject sender EventArgs e     Calculate precentage based on your logic    Percentage  60JavaScriptltscript type34textjavascript34gt    function          CalculatePercentage39lt thisPercentage gt39        function CalculatePercentagepercent         39progress39addClass39progressstriped39addClass39active39        39progress progressbarfirst39removeClassaddClass39progressbar39        addClasspercent lt 40  39progressbardanger39  percent lt 80  39progressbarwarning39  39progressbarsuccess39        39progress progressbarfir

Show User Profile completed percentage in Progress bar using jQuery in ASP.Net

Company

Explore

Follow us

Contact Us