Opened vs Closed Issues Report

The report is a bar chart showing the number of opened issues vs number of resolved issues for a given list of projects.

$!
string [] project = argv[ 0 ];
int resolvedIssues = countIssues( "project = " + project + " AND status in (Done, Closed, Resolved)" );
int openedIssues = countIssues( "project = " + project + " AND status not in (Done, Closed, Resolved)" );
int totalIssues = resolvedIssues + openedIssues;

int prResolved = round(resolvedIssues/totalIssues * 100 , 2 );
int prOpened = round(openedIssues/totalIssues * 100 , 2 );
$

<html>
<head>
<style type= "text/css" >
body{
   background:#ededeb;
}

.report{
     font-family: 'Source Sans Pro' , sans-serif;
     color: white;
     box-shadow: none;
     display: -webkit-inline-box;
}
.report ul{
     margin:0px 30px 10px 0px;
     padding: 0 ;
     list-style-type:none;
     font-size:11px;
     font-weight: 400 ;
     line-height:20px;
     }
.report_box{
     width: 85 %;
     background: #42526e;
     float : left;
     box-shadow: -1px 0px rgba( 255 , 255 , 255 , 0.07 );
     cursor: pointer;
     transform: scale( 1 );
     transition-property: transform,background;
     transition-duration: .3s;
     max-width: -webkit-fill-available;
}
.report_box_inner{
     padding:30px;
}
.report_box_inner span{
     font-size:36px;
     font-weight: 700 ;
}
.progress{
     width: 100 %;
     margin-top:10px;
     height:6px;
     background:rgba( 0 , 0 , 0 , 0.3 );
     margin-bottom:15px;
}
.progress_bar_opened{
     height:6px; float :left;
     width: 58 %;
     background:#e4da57;
     -webkit-animation:bar 2s;
}
.progress_bar_closed{
     height:6px; float :left;
     width: 78 %;
     background:#1c9c6b;
     -webkit-animation:bar2 2s;
}

.report_box_inner h2{
     font-weight:normal;
     color: white;
     font-size:16px;
     margin:-4px 0px 3px 0px;
}
.report_box_inner p{
     font-size:11px;
     color:rgb( 182 , 182 , 182 );clear: left;
     font-weight: 300 ;
     width:160px;
     margin:2px 0px 15px 0px;
}


</style>
</head>
<body>
<div class = 'report' >
   <div class = 'report_box' >
     <div class = 'report_box_inner' >
       <h2>
         Opened issue in $project$
       </h2>
       <div class = 'stat' >
         <span>$prOpened$</span>
       </div>
       <div class = 'progress' >
         <div class = 'progress_bar_opened' ></div>
       </div>
       <p>This is a simple example. You can render any html and do everything you want.</p>
     </div>
   </div>
   <div class = 'report_box' >
     <div class = 'report_box_inner' >
       <h2>
         Closed issue in $project$
       </h2>
       <div class = 'stat' >
         <span>$prResolved$ %</span>
       </div>
       <div class = 'progress' >
         <div class = 'progress_bar_closed' ></div>
       </div>
       <p>This is a simple example. You can render any html and do everything you want.</p>
     </div>
   </div>
</div>

</body>
</html>