1. أهلا وسهلاً بكم في :: IQ-TeaM FORUM :: .
    إذا كانت هذه الزيارة الأولى أو لديك الرغبة بالانضمام لأعضاء شبكة عراق تيم فيجب الاطلاع على خصوصية الشبكه فربما بقائك زائر افضل لك من الانضمام بحيث أن قوانين شبكة عراق تيم لا تتناسب مع اهتماماتك .
    • للأطلاع على الخصوصية وسياسة الاستخدام - التفاصيل
    • بعد الاطلاع على سياسة الموقع وقوانين شبكة عراق تيم يمكنك التسجيل معنا - تسجيل عضو جديد
    إستبعاد الملاحظة
الكاتب : Mustafa Moshkela | المشاهدات : 99 | الردود : 6
  1. Mustafa Moshkela DeveloPer Plus

    الأنتساب:
    ‏6 نوفمبر 2014
    المشاركات:
    213
    الإعجابات المتلقاة:
    10
    نقاط الجائزة:
    50
    الوظيفة:
    طالب
    نظام التشغيل:
    Linux
    حسابي في الزون اتش Zone-H:
    اللغة البرمجية:
    PHP
    Facebook:
    YouTube:
    [​IMG]
    كيف الصحة اخوان :yum
    اتمنى تكونوا بصحة وعافية :blush:
    .: درس اليوم :.
    :neutral:
    :scream:عمل شريط تقدم [Prgoress Bar] بأستعمال [HTML & CSS] :scream:

    مثل هذا الي بالصورة :kissing_heart:

    [​IMG]
    :no_mouth: .:: لمشاهدة العمل ::. :no_mouth:

    :skull:http://w3courses.com/Progress.html :skull:

    :grinning: .:: لمشاهدة الدرس على اليوتيوب ::. :grinning:



    :joy:.:: كود الدرس للأطلاع عليه ::. :joy:

    كود HTML:
    <html>
    <head>
    <title>ProgressBar</title>
    <style>
    *{
      padding: 0;
      margin: 0;
    }
    body{
      background: #f9f9f9;
    }
    #ProgressBar{
      background: #404040;
      width: 960px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 60px;
      color:#fff;
      text-align: center;
    }
    #ProgressBar .Progress{
      background: #D43F3F;
      padding: 10px;
      width: 77%;
      position: relative;
    }
    #ProgressBar .Progress:after{
      content: "CSS";
      position: absolute;
      right: -35px;
      top:64px;
      background: #D43F3F;
      padding: 20px;
    }
    #ProgressBar .Progress:before{
      content: "";
      width: 0;
      height: 0;
      border:20px solid transparent;
      border-bottom: 20px solid #D43F3F;
      position: absolute;
      right: -20px;
      top:25px;
    }
    
    </style>
    </head>
    <body>
    <div id="ProgressBar">
    <div class="Progress">77%</div>
    </div>
    </body>
    </html>
    
    
    :sob:الى هنا ينتهي الموضوع :sob:

    :innocent: في امان الله :innocent:
     
    أعجب بهذه المشاركة Mira Mrmr
  2. جوني العراقي V • I • P

    الأنتساب:
    ‏10 يناير 2014
    المشاركات:
    277
    الإعجابات المتلقاة:
    50
    نقاط الجائزة:
    75
    الوظيفة:
    حلاق
    الإقامة:
    NEDRLALND
    نظام التشغيل:
    windows 8.1
    اللغة البرمجية:
    Visual Basic
    Facebook:
    YouTube:
    وعليـــكم سلام ورحمة الله
    بارك الله بيك ياطيب شرح ممتاز ومتعوب علية بل توفيق ياطيب
     
    أعجب بهذه المشاركة Mustafa Moshkela
  3. Mustafa Moshkela DeveloPer Plus

    الأنتساب:
    ‏6 نوفمبر 2014
    المشاركات:
    213
    الإعجابات المتلقاة:
    10
    نقاط الجائزة:
    50
    الوظيفة:
    طالب
    نظام التشغيل:
    Linux
    حسابي في الزون اتش Zone-H:
    اللغة البرمجية:
    PHP
    Facebook:
    YouTube:
    نورتني حبيبي :heart_eyes:
     
  4. Mira Mrmr .::|| زهره منتدى عراق تيم ||::. مشرفات المنتدى

    الأنتساب:
    ‏9 يوليو 2015
    المشاركات:
    696
    الإعجابات المتلقاة:
    148
    نقاط الجائزة:
    105
    الجنس:
    أنثى
    الإقامة:
    Baghdad
    نظام التشغيل:
    windows 8.1
    Facebook:
    YouTube:
    عاشت ايدك
     
    أعجب بهذه المشاركة Mustafa Moshkela
  5. مسہہٰتہہٰر بٰٰرايہٰمر ᎿᎻᎬ ᏞᎥᏫᏁ موقوف لمخالفة الشروط

    الأنتساب:
    ‏1 فبراير 2016
    المشاركات:
    288
    الإعجابات المتلقاة:
    67
    نقاط الجائزة:
    75
    الجنس:
    ذكر
    الوظيفة:
    طالب
    الإقامة:
    العراق
    نظام التشغيل:
    windows 7
    اللغة البرمجية:
    Visual Basic
    Facebook:
    YouTube:
    بارك الله بيك شرح متعوب عليه
    وفقك الله
     
    أعجب بهذه المشاركة Mustafa Moshkela
  6. Mustafa Moshkela DeveloPer Plus

    الأنتساب:
    ‏6 نوفمبر 2014
    المشاركات:
    213
    الإعجابات المتلقاة:
    10
    نقاط الجائزة:
    50
    الوظيفة:
    طالب
    نظام التشغيل:
    Linux
    حسابي في الزون اتش Zone-H:
    اللغة البرمجية:
    PHP
    Facebook:
    YouTube:
    شكرا وردة
     
  7. Mustafa Moshkela DeveloPer Plus

    الأنتساب:
    ‏6 نوفمبر 2014
    المشاركات:
    213
    الإعجابات المتلقاة:
    10
    نقاط الجائزة:
    50
    الوظيفة:
    طالب
    نظام التشغيل:
    Linux
    حسابي في الزون اتش Zone-H:
    اللغة البرمجية:
    PHP
    Facebook:
    YouTube:
    حبيبي الغالي تسلم :heart_eyes:
    نورتني :sun:
     
    أعجب بهذه المشاركة مسہہٰتہہٰر بٰٰرايہٰمر

مشاركة هذه الصفحة