1
Answer

ASP.net on ISS web page design

Hari Prasad

Hari Prasad
7y
185
1
Hi,
 
I want to create a web page displaying the status of several systems. Each one will be represented by a square box.
 
The boxes will fill up in either red or green (<50% will be red and >50% will be green).
 
Can this be constructed in HTML? Can anyone guide me to the best language to use for this if not? Also, I have to use ASP.net to do this.
 
Thank You
Hari
Answers (1)
0
Rupesh Kahane

Rupesh Kahane

NA 10.6k 866.7k 7y
try below code.
Do customize according to your requirement like you can use into asp.net or asp.net mvc or into plane html as well 
Note: you can use if condition to show a % of bars, you need to implement this.
 
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.   <title>Bootstrap Example</title>  
  5.   <meta charset="utf-8">  
  6.   <meta name="viewport" content="width=device-width, initial-scale=1">  
  7.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">  
  8.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  
  9.   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  
  10. </head>  
  11. <body>  
  12.   
  13. <div class="container">    
  14.   <div class="progress">  
  15.     <div class="progress-bar progress-bar-success" role="progressbar" style="width:40%">  
  16.       40% completed   
  17.     </div>  
  18.     <div class="progress-bar progress-bar-warning" role="progressbar" style="width:60%">  
  19.       60% completed   
  20.     </div>      
  21.   </div>  
  22. </div>  
  23.   
  24. </body>  
  25. </html>  
Next Recommended Forum