JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Progress Bar › Circular progres bar centered › Reply To: Circular progres bar centered
tbettinazzi@axioma.itAnyway it doesn’t seem to work (smartelements 20).
It still remains in the upperside left corner.
My html
<div><!DOCTYPE html></div>
<div><html xmlns=”http://www.w3.org/1999/xhtml”></div>
<div><head></div>
<div> <title>Progress Bar Overview</title></div>
<div></div>
<div> <meta charset=”utf-8″ /></div>
<div> <meta http-equiv=”X-UA-Compatible” content=”IE=edge” /></div>
<div> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /></div>
<div> <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0″ /></div>
<div></div>
<div> <link rel=”stylesheet” type=”text/css” href=”../../../source/styles/smart.default.css” /></div>
<div> <link rel=”stylesheet” type=”text/css” href=”../../styles/demos.css” /></div>
<div> <link rel=”stylesheet” type=”text/css” href=”styles.css” /></div>
<div></div>
<div></head></div>
<div><body class=”viewport”></div>
<div><smart-window opened></div>
<div> <div class=”centered”></div>
<div> <smart-circular-progress-bar id=”progressbar3″ indeterminate></smart-circular-progress-bar></div>
<div> </div></div>
<div></smart-window></div>
<div> <!– scripts –></div>
<div> <script src=”../../../source/modules/smart.progressbar.js”></script></div>
<div> <script src=”index.js”></script></div>
<div></div>
<div></body></div>
<div></html></div>
<div></div>
<div>My css</div>
<div></div>
<div>
.centered {
display: flex;
align-items: center;
height: 100%;
}</div>
<div></div>
<div>Tks</div>