جهت ورود به تالار گفتمان سایت کلیک کنید

هاست

پست ثابت تبلیغاتی

گروه نرم افزاری قیاس با بیش از 20 سال سابقه فعالیت توانسته است تمامی نیازهای شرکتها، فروشگاهها و اصناف گوناگون را در سری نرم افزارهای مالی شرکتی و فروشگاهی خود پوشش دهد.

اصناف و فروشگاه های مختلف با استفاده از قابلیت های کاربردی متفاوتی از قبیل اتصال و سازگاری با سخت افزارهای گوناگون همانند اتصال به صفحات لمسی، بارکدخوان، بارکد وزنی، کارتخوان بانکی و همچنین کنترل موجودی کالاها، کنترل دریافت ‌ها و پرداخت‌ها، پاسخ دهی سریع و مناسب به مشتریان، تهیه گزارشات و دیسکت های قانونی ارزش افزوده، فصلی و دارایی تمامی عملیات فروش را مدیریت نموده و به سادگی بفروشند.

صاحبان شرکت های بازرگانی، خدماتی، تولیدی و پیمانکاری نیز می‌توانند با استفاده از بسته های نرم افزاری مختص کسب و کارشان تمام جریان کاری و عملکرد مالی شرکت را به ساده ترین روش ممکن مدیریت نموده و بتوانند گزارشاتی مطابق با استانداردهای حسابداری تهیه نمایند.

برای ورود به سایت کلیک کنید


تغییر دیزاین تگ Progress ( تگ پیشرفت کار ) توسط Css3

با عرض سلام خدمت شما عزیزان سایت اسکریپت دات کام . اول از همه فرارسیدن ایام محرم را تسلیت عرض میکنم و امیدوارم عزاداری شما دوستان مورد قبول حق تعالی قرار گیرد .

همانطور که میدانید , در html5 تگی جدید به نام <progress> اضافه شد که کار آن نمایش پیشرفت کار می باشد .

یکی از کاربرد های این تگ در همین سایت و در صفحه درباره وحید مجیدی از آن استفاده شده است .

این تگ به صورت ساده و بدون هیچ دیزاین خاصی می باشد که در این پست قصد دارم با ترفندی , ان تگ رو از دیزاین ساده اش خلاص کنیم .

این تگ دارای 2 خاصیت max و value میباشد که تعیین کننده کل مقدار و مقدار پر شونده می باشد .

مثلا اگر بخواهیم نصف این نوار را پرکنیم . کافیست خط زیر را در html بنویسیم .

پس از انجام این کار , کافیست کد های زیر را در css قرار دهید تا تمامی تگ های progress در سایت , به حالت زیر درآید .

تغییر دیزاین تگ Progress ( تگ پیشرفت کار ) توسط Css3

شما بجز تعویض رنگ که در بالا قرار داده شده , میتوانید خاصیت های دیگری در CSS از جمله border-radius , box-shadow , border , outline و … به آنها اضافه کنید .

نکته مهم این است که موارد بالا در internet explorer ساپورت و پشتیبانی نمیشود .

گرداوری : وحید مجیدی

پخش اختصاصی

نمونه آماده شده و دمو

جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *