ایجاد یک نوار رنگی که بتوان قسمت رنگی آن را از 1 تا 100 کنترل کرد

[ms_kh]

با سلام
من اسکریپتی میخوام که بتونم یک نوار (مثلا یک ردیف از جدول) را بر حسب درصد رنگ کنم مثلا 20% این نوار را آبی کنم

متشکرم

 

[peyman1987]

میتونین یک div بزارین داخل اون بلاک ، رنگ پس زمینه شو مثلا آبی کنین و width ش رو به درصدی که میخواین بدین تا قسمتی از بلاک اصلی رو بگیره.

مثلا:

<style>
    div#progress_container{
        width: 250px;
        border: 1px solid #ccc;
    }
    
    div#progress_container div{
        background-color: #B92525;
        height: 25px;
        width: 20%;
    }
</style>
<div id='progress_container'>
    <div></div>
</div>