BBcode:
Code: Select all
[progress={NUMBER}]{INTTEXT1}[/progress]
Code: Select all
<br /><span style="color: purple;font-size: 120%;font-weight: bold;margin-left: 10px">Progress:</span> <strong><i>{INTTEXT1}</strong></i> <div style="width: 300px;background: #B4B8BC;-webkit-border-radius: 16px;-o-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;box-shadow: 3px 3px 3px #444;border: 1px solid #ccc;padding: 4px;margin: 6px"><div style="height: 18px;background: #E4E5E8;-webkit-border-radius: 16px;-o-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;border: 1px solid #999;padding: 3px"><div style="float: left;width: 238px;-webkit-border-radius: 6px;-o-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border: 1px solid #999;padding-right:7px;margin-left: 2px;height: 12px;margin: 2px 0;background: -webkit-linear-gradient(#A8A8A8, #DBDBDB, #E4E4E4);background: -o-linear-gradient(#A8A8A8, #DBDBDB, #E4E4E4);background: -moz-linear-gradient(#A8A8A8, #DBDBDB, #E4E4E4);background: linear-gradient(#A8A8A8, #DBDBDB, #E4E4E4);"><span style="float: left;margin: -1px 0; height:6px; width:{NUMBER}%; max-width: 237px;background: -moz-radial-gradient(center, ellipse cover, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1)));background: -webkit-radial-gradient(center, ellipse cover, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);background: -o-radial-gradient(center, ellipse cover, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);background: -ms-radial-gradient(center, ellipse cover, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);background: radial-gradient(ellipse at center, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=1 );-webkit-border-radius: 6px;-o-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border: 1px solid #999;padding: 3px"></span></div><span style="margin-right: 4px;float: right;font-size: 1.2em">{NUMBER}%</span></div></div>
Code: Select all
[progress=25]Something[/progress]
Will output:
Progress: Something